/* Zapros Studio. Shared light palette. */
:root {
  color-scheme: light;
  --studio-canvas: #f6f7f8;
  --studio-panel: #ffffff;
  --studio-raised: #f0f2f3;
  --studio-soft: #ddf0e4;
  --studio-outline: #c9d2ce;
  --studio-outline-strong: #658879;
  --studio-text: #182520;
  --studio-muted: #40534a;
  --studio-quiet: #4c6056;
  --studio-pink: #076a43;
  --studio-pink-hover: #054e32;
  --studio-peach: #ffb66b;
  --studio-lilac: #d69bff;
  --studio-on-accent: #ffffff;
  --studio-success: #226445;
  --studio-success-surface: #e9f5ee;
  --studio-success-line: #a4cbb3;
  --studio-warning: #7e4a1c;
  --studio-warning-surface: #fff1de;
  --studio-warning-line: #d8a76e;
  --studio-danger: #ad2f36;
  --studio-danger-surface: #fff0ef;
  --studio-danger-line: #dfa8a6;
  --studio-danger-solid: #a82b35;
  --studio-info: #365d88;
  --studio-info-surface: #edf3fa;
  --studio-info-line: #adbed3;
  --studio-overlay: #14211c78;
  --studio-shadow: #182b221a;
  --studio-on-image: #fff8fd;
  --studio-gradient: var(--studio-pink);
  --studio-font: "Segoe UI", system-ui, sans-serif;
  --white: var(--studio-canvas);
  --bg: var(--studio-canvas);
  --green2: var(--studio-pink-hover);
  --orange: var(--studio-peach);
  --green: var(--studio-pink);
  --green-dark: var(--studio-pink-hover);
  --green-soft: var(--studio-soft);
  --accent: var(--studio-pink);
  --accent-dark: var(--studio-pink-hover);
  --accent-soft: var(--studio-soft);
  --ink: var(--studio-text);
  --dark: var(--studio-text);
  --text: var(--studio-text);
  --muted: var(--studio-muted);
  --line: var(--studio-outline);
  --surface: var(--studio-panel);
  --soft: var(--studio-raised);
  --canvas: var(--studio-canvas);
  --danger: var(--studio-danger);
  --warning: var(--studio-warning);
  --blue: var(--studio-info);
  --sidebar: var(--studio-panel);
  --sidebar-deep: var(--studio-canvas);
  --account-green: var(--studio-pink);
  --account-ink: var(--studio-text);
  --account-line: var(--studio-outline);
  --account-muted: var(--studio-muted);
  --chat-accent: var(--studio-pink);
  --chat-background: var(--studio-canvas);
  --chat-line: var(--studio-outline);
  --chat-outgoing: var(--studio-soft);
  --mine-green: var(--studio-pink);
  --mine-ink: var(--studio-text);
  --mine-line: var(--studio-outline);
  --mine-muted: var(--studio-muted);
  --mine-tint: var(--studio-soft);
  --request-ink: var(--studio-text);
  --request-line: var(--studio-outline);
  --request-muted: var(--studio-muted);
  --shell-ink: var(--studio-text);
  --shell-line: var(--studio-outline);
  --shell-muted: var(--studio-muted);
}

html, body { background: var(--studio-canvas); color: var(--studio-text); }
body { font-family: var(--studio-font); }
a { color: var(--studio-pink); }
button, input, textarea, select { font-family: inherit; }
::selection { background: var(--studio-pink); color: var(--studio-on-accent); }
:focus-visible { outline: 2px solid var(--studio-pink); outline-offset: 3px; }