/* Theme tokens. html[data-theme] is set before paint (inline script). */
html[data-theme="light"] {
  --bg0: #eef2ff;
  --bg1: #f8fafc;
  --panel: #ffffff;
  --ink: #0f172a;
  --muted: #475569;
  --ember: #e08a3c;
  --line: #e2e8f0;
  --danger: #dc2626;
  --ok: #16a34a;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --shell-bg:
    radial-gradient(920px 420px at 8% 0%, rgba(147, 197, 253, 0.35), transparent 58%),
    radial-gradient(720px 380px at 100% 0%, rgba(244, 114, 182, 0.18), transparent 50%),
    #eef2ff;
  --chat-bg: rgba(255, 255, 255, 0.72);
  --chat-border: rgba(15, 23, 42, 0.06);
  --user-bg: #0f172a;
  --user-fg: #f8fafc;
  --user-line: transparent;
  --assistant-bg: #ffffff;
  --assistant-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
  --code-chip: #f1f5f9;
  --tool-bg: #f8fafc;
  --composer-wrap: rgba(255, 255, 255, 0.65);
  --composer-bg: #ffffff;
  --composer-line: rgba(15, 23, 42, 0.08);
  --composer-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  --ph-fg: #64748b;
  --toolbar-line: #f1f5f9;
  --icon-bg: #f8fafc;
  --icon-fg: #1e293b;
  --select-bg: #f8fafc;
  --tabs-bg: rgba(255, 255, 255, 0.7);
  --tab-on: #ffffff;
  --browser-bg: #ffffff;
  --browser-dot: #e2e8f0;
  --url-fg: #64748b;
  --icon-hover: #f8fafc;
  --link-chip-bg: #ffffff;
  --link-chip-fg: #334155;
  --stage-bg: #ffffff;
  --stage-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  --placeholder-bg:
    radial-gradient(420px 220px at 50% 30%, rgba(147, 197, 253, 0.28), transparent 70%),
    #f8fafc;
  --toggle-bg: rgba(255, 255, 255, 0.8);
  --bottom-bg: #ffffff;
  --activity-fg: #475569;
  --hist-line: #f1f5f9;
  --hist-msg: #334155;
  --dock-bg: rgba(255, 255, 255, 0.92);
  --dock-on-bg: #ffffff;
  --dock-on-line: #e2e8f0;
  --drawer-dim: rgba(15, 23, 42, 0.35);
  --pick-fg: #64748b;
  --pick-on-bg: rgba(15, 23, 42, 0.06);
  --pick-on-fg: #0f172a;
  --menu-bg: #ffffff;
  --menu-fg: #0f172a;
  --menu-line: #e2e8f0;
  --menu-hover: #f1f5f9;
  --menu-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
  --dialog-bg: #ffffff;
  --dialog-fg: #0f172a;
  --dialog-muted: #475569;
  --dialog-input-bg: #f8fafc;
  --dialog-input-line: #e2e8f0;
  --dialog-shadow: 0 22px 56px rgba(15, 23, 42, 0.2);
  --auth-bg:
    radial-gradient(920px 520px at 12% 8%, rgba(147, 197, 253, 0.78), transparent 58%),
    radial-gradient(820px 480px at 88% 4%, rgba(244, 114, 182, 0.42), transparent 52%),
    #eef2ff;
  --home-ink: #0f172a;
  --home-muted: #475569;
  --home-line: #e2e8f0;
  --home-card: #ffffff;
  --home-bg: #eef2ff;
  --home-aurora:
    radial-gradient(920px 520px at 12% 8%, rgba(147, 197, 253, 0.78), transparent 58%),
    radial-gradient(820px 480px at 88% 4%, rgba(244, 114, 182, 0.42), transparent 52%),
    radial-gradient(760px 520px at 72% 88%, rgba(196, 181, 253, 0.55), transparent 56%),
    radial-gradient(640px 420px at 8% 92%, rgba(253, 186, 116, 0.38), transparent 52%),
    #eef2ff;
  --theme-color: #eef2ff;
  color-scheme: light;
}

html[data-theme="dark"] {
  --bg0: #0c0b0a;
  --bg1: #161311;
  --panel: #12100e;
  --ink: #f2ebe3;
  --muted: #a8998c;
  --ember: #e08a3c;
  --line: rgba(242, 235, 227, 0.12);
  --danger: #e07060;
  --ok: #7dba7a;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --shell-bg:
    radial-gradient(420px 240px at 0% 0%, rgba(224, 138, 60, 0.14), transparent 60%),
    linear-gradient(180deg, #161311, #0c0b0a);
  --chat-bg:
    radial-gradient(420px 240px at 0% 0%, rgba(224, 138, 60, 0.14), transparent 60%),
    linear-gradient(180deg, #161311, #12100e);
  --chat-border: rgba(242, 235, 227, 0.12);
  --user-bg: rgba(224, 138, 60, 0.16);
  --user-fg: #f2ebe3;
  --user-line: rgba(224, 138, 60, 0.28);
  --assistant-bg: rgba(255, 255, 255, 0.04);
  --assistant-shadow: none;
  --code-chip: rgba(0, 0, 0, 0.35);
  --tool-bg: rgba(0, 0, 0, 0.25);
  --composer-wrap: transparent;
  --composer-bg: rgba(18, 16, 14, 0.88);
  --composer-line: rgba(242, 235, 227, 0.14);
  --composer-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  --ph-fg: rgba(168, 153, 140, 0.75);
  --toolbar-line: rgba(242, 235, 227, 0.12);
  --icon-bg: rgba(12, 11, 10, 0.55);
  --icon-fg: #f2ebe3;
  --select-bg: rgba(12, 11, 10, 0.6);
  --tabs-bg: rgba(12, 11, 10, 0.55);
  --tab-on: rgba(224, 138, 60, 0.14);
  --browser-bg: rgba(12, 11, 10, 0.55);
  --browser-dot: rgba(168, 153, 140, 0.45);
  --url-fg: #a8998c;
  --icon-hover: rgba(255, 255, 255, 0.04);
  --link-chip-bg: transparent;
  --link-chip-fg: #e08a3c;
  --stage-bg: #090807;
  --stage-shadow: none;
  --placeholder-bg: #090807;
  --toggle-bg: rgba(18, 16, 14, 0.9);
  --bottom-bg: #0a0908;
  --activity-fg: #b8aa9c;
  --hist-line: rgba(255, 255, 255, 0.04);
  --hist-msg: #d8cfc4;
  --dock-bg: #12100e;
  --dock-on-bg: rgba(224, 138, 60, 0.12);
  --dock-on-line: rgba(224, 138, 60, 0.35);
  --drawer-dim: rgba(8, 7, 6, 0.55);
  --pick-fg: #a8998c;
  --pick-on-bg: rgba(255, 255, 255, 0.06);
  --pick-on-fg: #f2ebe3;
  --menu-bg: #161311;
  --menu-fg: #f2ebe3;
  --menu-line: rgba(242, 235, 227, 0.12);
  --menu-hover: rgba(255, 255, 255, 0.06);
  --menu-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  --dialog-bg: #161311;
  --dialog-fg: #f2ebe3;
  --dialog-muted: #a8998c;
  --dialog-input-bg: rgba(12, 11, 10, 0.6);
  --dialog-input-line: rgba(242, 235, 227, 0.12);
  --dialog-shadow: 0 22px 56px rgba(0, 0, 0, 0.45);
  --auth-bg:
    radial-gradient(600px 320px at 50% 0%, rgba(224, 138, 60, 0.16), transparent 65%),
    #0c0b0a;
  --home-ink: #f2ebe3;
  --home-muted: #a8998c;
  --home-line: rgba(242, 235, 227, 0.12);
  --home-card: #161311;
  --home-bg: #0c0b0a;
  --home-aurora:
    radial-gradient(600px 320px at 50% 0%, rgba(224, 138, 60, 0.16), transparent 65%),
    #0c0b0a;
  --theme-color: #0c0b0a;
  color-scheme: dark;
}

html {
  color-scheme: inherit;
}