/* StonePi design tokens. GENERATED by packages/stonepi_brand/build_tokens.py from
   tokens.json; do not edit by hand. Theme: data-theme="dark|light" on <html>
   (set by each app's theme boot); without it the system preference applies. */

:root {
  --font-display: Sora, "Helvetica Neue", sans-serif;
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --type-display: 600 40px/44px var(--font-display);
  --type-display-tracking: -0.02em;
  --type-title-1: 600 32px/38px var(--font-display);
  --type-title-1-tracking: -0.02em;
  --type-title-2: 600 22px/28px var(--font-display);
  --type-title-2-tracking: -0.01em;
  --type-title-3: 600 17px/24px var(--font-display);
  --type-wordmark: 700 20px/24px var(--font-display);
  --type-wordmark-tracking: -0.03em;
  --type-body: 400 15px/22px var(--font-sans);
  --type-body-strong: 600 15px/22px var(--font-sans);
  --type-small: 400 13px/18px var(--font-sans);
  --type-control: 600 14px/20px var(--font-sans);
  --type-label: 600 12px/16px var(--font-sans);
  --type-label-tracking: 0.08em;
  --type-mono: 400 13px/18px var(--font-mono);
  --type-mono-numeric: 500 20px/24px var(--font-mono);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-icon: 22%;
  --radius-pill: 999px;
  --sidebar-width: 240px;
  --content-max: 1200px;
  --card-min: 260px;
  --duration-fast: 140ms;
  --duration-menu: 200ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
}

:root {
  color-scheme: light;
  --canvas: #F4F1EA;
  --surface: #FBF9F5;
  --surface-raised: #FFFFFF;
  --surface-hover: #EFEBE3;
  --border: #E2DDD3;
  --border-control: #8E877A;
  --text: #16191B;
  --text-muted: #5C6268;
  --text-faint: #676D73;
  --brand-sand: #C7BBA8;
  --brand-stone: #6E747A;
  --brand-stone-deep: #3F4448;
  --accent-text: #75674F;
  --primary: #16191B;
  --primary-hover: #2C3135;
  --primary-ink: #FBF9F5;
  --link: #2563EB;
  --focus: #2563EB;
  --success: #2E7D6A;
  --success-text: #24685A;
  --warning: #D08A2E;
  --warning-text: #8F5410;
  --danger: #B4442F;
  --danger-text: #A33A26;
  --on-signal: #FFFFFF;
  --on-warning: #0B0D0E;
  --tint-sand-bg: #EFE8DC;
  --tint-sand-fg: #6E5F45;
  --tint-moss-bg: #DDEDE7;
  --tint-moss-fg: #24685A;
  --tint-sky-bg: #E1EAF8;
  --tint-sky-fg: #2558C8;
  --tint-ember-bg: #F6E7D2;
  --tint-ember-fg: #8F5410;
  --tint-rust-bg: #F5E1DC;
  --tint-rust-fg: #A33A26;
  --tint-stone-bg: #E8E6E1;
  --tint-stone-fg: #4C5257;
  --tint-amethyst-bg: #ECE6F8;
  --tint-amethyst-fg: #5B43B5;
  --shadow-raised: 0 1px 2px rgba(22,25,27,0.05), 0 4px 12px rgba(22,25,27,0.05);
  --shadow-overlay: 0 16px 48px rgba(22,25,27,0.16);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --canvas: #0B0D0E;
    --surface: #15181A;
    --surface-raised: #1F2326;
    --surface-hover: #282D31;
    --border: #2A2F33;
    --border-control: #6E747A;
    --text: #ECEAE6;
    --text-muted: #9AA0A6;
    --text-faint: #868C92;
    --brand-sand: #C7BBA8;
    --brand-stone: #9AA0A6;
    --brand-stone-deep: #80868C;
    --accent-text: #C7BBA8;
    --primary: #C7BBA8;
    --primary-hover: #D6CCBC;
    --primary-ink: #0B0D0E;
    --link: #60A5FA;
    --focus: #60A5FA;
    --success: #2E7D6A;
    --success-text: #5CC2A6;
    --warning: #D08A2E;
    --warning-text: #E3A653;
    --danger: #B4442F;
    --danger-text: #E87A63;
    --on-signal: #FFFFFF;
    --on-warning: #0B0D0E;
    --tint-sand-bg: #2B2822;
    --tint-sand-fg: #C7BBA8;
    --tint-moss-bg: #16292A;
    --tint-moss-fg: #5CC2A6;
    --tint-sky-bg: #172436;
    --tint-sky-fg: #60A5FA;
    --tint-ember-bg: #2E2416;
    --tint-ember-fg: #E3A653;
    --tint-rust-bg: #2E1C18;
    --tint-rust-fg: #E87A63;
    --tint-stone-bg: #24292D;
    --tint-stone-fg: #B4B9BE;
    --tint-amethyst-bg: #231C30;
    --tint-amethyst-fg: #B19CF0;
    --shadow-raised: 0 0 0 1px #2A2F33;
    --shadow-overlay: 0 16px 48px rgba(0,0,0,0.55);
  }
}

[data-theme="light"] {
  color-scheme: light;
  --canvas: #F4F1EA;
  --surface: #FBF9F5;
  --surface-raised: #FFFFFF;
  --surface-hover: #EFEBE3;
  --border: #E2DDD3;
  --border-control: #8E877A;
  --text: #16191B;
  --text-muted: #5C6268;
  --text-faint: #676D73;
  --brand-sand: #C7BBA8;
  --brand-stone: #6E747A;
  --brand-stone-deep: #3F4448;
  --accent-text: #75674F;
  --primary: #16191B;
  --primary-hover: #2C3135;
  --primary-ink: #FBF9F5;
  --link: #2563EB;
  --focus: #2563EB;
  --success: #2E7D6A;
  --success-text: #24685A;
  --warning: #D08A2E;
  --warning-text: #8F5410;
  --danger: #B4442F;
  --danger-text: #A33A26;
  --on-signal: #FFFFFF;
  --on-warning: #0B0D0E;
  --tint-sand-bg: #EFE8DC;
  --tint-sand-fg: #6E5F45;
  --tint-moss-bg: #DDEDE7;
  --tint-moss-fg: #24685A;
  --tint-sky-bg: #E1EAF8;
  --tint-sky-fg: #2558C8;
  --tint-ember-bg: #F6E7D2;
  --tint-ember-fg: #8F5410;
  --tint-rust-bg: #F5E1DC;
  --tint-rust-fg: #A33A26;
  --tint-stone-bg: #E8E6E1;
  --tint-stone-fg: #4C5257;
  --tint-amethyst-bg: #ECE6F8;
  --tint-amethyst-fg: #5B43B5;
  --shadow-raised: 0 1px 2px rgba(22,25,27,0.05), 0 4px 12px rgba(22,25,27,0.05);
  --shadow-overlay: 0 16px 48px rgba(22,25,27,0.16);
}

[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #0B0D0E;
  --surface: #15181A;
  --surface-raised: #1F2326;
  --surface-hover: #282D31;
  --border: #2A2F33;
  --border-control: #6E747A;
  --text: #ECEAE6;
  --text-muted: #9AA0A6;
  --text-faint: #868C92;
  --brand-sand: #C7BBA8;
  --brand-stone: #9AA0A6;
  --brand-stone-deep: #80868C;
  --accent-text: #C7BBA8;
  --primary: #C7BBA8;
  --primary-hover: #D6CCBC;
  --primary-ink: #0B0D0E;
  --link: #60A5FA;
  --focus: #60A5FA;
  --success: #2E7D6A;
  --success-text: #5CC2A6;
  --warning: #D08A2E;
  --warning-text: #E3A653;
  --danger: #B4442F;
  --danger-text: #E87A63;
  --on-signal: #FFFFFF;
  --on-warning: #0B0D0E;
  --tint-sand-bg: #2B2822;
  --tint-sand-fg: #C7BBA8;
  --tint-moss-bg: #16292A;
  --tint-moss-fg: #5CC2A6;
  --tint-sky-bg: #172436;
  --tint-sky-fg: #60A5FA;
  --tint-ember-bg: #2E2416;
  --tint-ember-fg: #E3A653;
  --tint-rust-bg: #2E1C18;
  --tint-rust-fg: #E87A63;
  --tint-stone-bg: #24292D;
  --tint-stone-fg: #B4B9BE;
  --tint-amethyst-bg: #231C30;
  --tint-amethyst-fg: #B19CF0;
  --shadow-raised: 0 0 0 1px #2A2F33;
  --shadow-overlay: 0 16px 48px rgba(0,0,0,0.55);
}

/* Older names used by app stylesheets, mapped to roles. */

:root {
  --paper: var(--canvas);
  --wash: var(--surface);
  --card: var(--surface-raised);
  --ink: var(--text);
  --muted: var(--text-muted);
  --line: var(--border);
  --accent: var(--primary);
  --accent-ink: var(--primary-ink);
  --ok: var(--success-text);
  --warn: var(--warning-text);
  --error: var(--danger-text);
  --shadow: none;
  --radius: var(--radius-lg);
  --chrome: var(--font-sans);
  --serif: var(--font-display);
  --mono: var(--font-mono);
  --theme-meta: var(--surface);
  --scroll-thumb: var(--border-control);
  --scroll-thumb-hover: var(--text-faint);
  --scroll-track: transparent;
}