/* graphite skin — generated by packages/ui/scripts/skin-artifacts.mjs on 2026-10-18. Do not edit. */
:root{
  --text-display-size:48px;
  --text-display-line:56px;
  --text-h1-size:36px;
  --text-h1-line:44px;
  --text-h2-size:28px;
  --text-h2-line:36px;
  --text-h3-size:20px;
  --text-h3-line:28px;
  --text-body-size:16px;
  --text-body-line:26px;
  --text-bodySm-size:14px;
  --text-bodySm-line:20px;
  --text-label-size:15px;
  --text-label-line:20px;
  --text-caption-size:13px;
  --text-caption-line:18px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:56px;
  --size-touch:44px;
  --size-button:44px;
  }
:root{
  --color-brand-50:#F1F4F8;
  --color-brand-100:#E3E8EF;
  --color-brand-200:#C9D2DE;
  --color-brand-300:#9AA8BA;
  --color-brand-400:#6A7B91;
  --color-brand-600:#3A4A60;
  --color-brand-700:#2A3647;
  --color-brand-800:#1F2937;
  --color-brand-900:#141B25;
  --color-ink:#18202B;
  --color-muted:#3E4A5B;
  --color-subtle:#5B6778;
  --color-line:#D9DFE7;
  --color-line-soft:#E8ECF1;
  --color-canvas:#EEF1F5;
  --color-surface:#FFFFFF;
  --color-success:#0A7742;
  --color-success-soft:#DDF7E7;
  --color-warning:#765700;
  --color-warning-soft:#FFF0B8;
  --color-danger:#C8281E;
  --color-danger-soft:#FEE9E6;
  --color-danger-strong:#9E1910;
  --color-caution:#A33E00;
  --color-caution-soft:#FFE9D6;
  --color-info:#1B5BD0;
  --color-scrim:#18202B5C;
  --color-page:#F5F7FA;
  --chrome-bg:#222B38;
  --chrome-raised:#2C3746;
  --chrome-ink:#EEF2F7;
  --chrome-subtle:#A7B2C1;
  --chrome-line:#343F4F;
  --chrome-hover:#2C3746;
  --chrome-active:#384556;
  --chrome-action:#F2F4F7;
  --feature-bg:#2A3647;
  --feature-raised:#354255;
  --feature-ink:#F2F5F9;
  --feature-subtle:#B3BECC;
  --feature-line:#3D4A5C;
  --feature-action:#F2F5F9;
  --logo-light:inline-flex;
  --logo-dark:none;
  --chrome-logo-light:none;
  --chrome-logo-dark:inline-flex;
  --color-icon-base:#2A3647;
  --color-icon-accent:#2F6FD0;
  --color-icon-accent-fill:#DCE8F8;
  --color-icon-inactive:#5B6778;
  --shadow-card:0px 12px 32px #2A36471F;
  --shadow-raised:0 1px 3px color-mix(in srgb, #18202B 12%, transparent);
  --shadow-surface:0 1px 2px #2A364712, 0 10px 28px #2A36471A;
  --radius-checkbox:4px;
  --radius-chip:6px;
  --radius-control:6px;
  --radius-card:8px;
  --radius-sheet:12px;
  --radius-tile:6px;
  --radius-bar:3px;
  --font-display:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:"SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --label-case:none;
  --label-tracking:0px;
  --wordmark-weight:700;
  --wordmark-tracking:-0.8px;
  --wordmark-case:lowercase;
  color-scheme:light;
  }
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
  --color-brand-50:#19212C;
  --color-brand-100:#212A37;
  --color-brand-200:#2C3747;
  --color-brand-300:#3E4B5E;
  --color-brand-400:#66778E;
  --color-brand-600:#AEBBCB;
  --color-brand-700:#DCE3EC;
  --color-brand-800:#EEF2F7;
  --color-brand-900:#F7F9FB;
  --color-ink:#EEF2F7;
  --color-muted:#C2CBD7;
  --color-subtle:#94A0B0;
  --color-line:#283241;
  --color-line-soft:#1D2531;
  --color-canvas:#0F141C;
  --color-surface:#171E28;
  --color-success:#4FE0A0;
  --color-success-soft:#0D3526;
  --color-warning:#FFD54F;
  --color-warning-soft:#3B2F08;
  --color-danger:#FF8170;
  --color-danger-soft:#421A14;
  --color-danger-strong:#FFAA9E;
  --color-caution:#FFA35C;
  --color-caution-soft:#3E2410;
  --color-info:#86B6FF;
  --color-scrim:#000000A3;
  --color-page:#0F141C;
  --chrome-bg:#131922;
  --chrome-raised:#1C2430;
  --chrome-ink:#EEF2F7;
  --chrome-subtle:#9AA6B6;
  --chrome-line:#232C39;
  --chrome-hover:#1C2430;
  --chrome-active:#263040;
  --chrome-action:#DCE3EC;
  --feature-bg:#DCE3EC;
  --feature-raised:#FFFFFF;
  --feature-ink:#18202B;
  --feature-subtle:#4A5668;
  --feature-line:#C3CDD9;
  --feature-action:#18202B;
  --logo-light:none;
  --logo-dark:inline-flex;
  --chrome-logo-light:none;
  --chrome-logo-dark:inline-flex;
  --color-icon-base:#EEF2F7;
  --color-icon-accent:#6EA8FF;
  --color-icon-accent-fill:#1C2E48;
  --color-icon-inactive:#94A0B0;
  --shadow-card:0px 12px 32px #00000080;
  --shadow-raised:0 1px 3px #00000080;
  --shadow-surface:0 1px 2px #2A364712, 0 10px 28px #2A36471A;
  color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --color-brand-50:#19212C;
  --color-brand-100:#212A37;
  --color-brand-200:#2C3747;
  --color-brand-300:#3E4B5E;
  --color-brand-400:#66778E;
  --color-brand-600:#AEBBCB;
  --color-brand-700:#DCE3EC;
  --color-brand-800:#EEF2F7;
  --color-brand-900:#F7F9FB;
  --color-ink:#EEF2F7;
  --color-muted:#C2CBD7;
  --color-subtle:#94A0B0;
  --color-line:#283241;
  --color-line-soft:#1D2531;
  --color-canvas:#0F141C;
  --color-surface:#171E28;
  --color-success:#4FE0A0;
  --color-success-soft:#0D3526;
  --color-warning:#FFD54F;
  --color-warning-soft:#3B2F08;
  --color-danger:#FF8170;
  --color-danger-soft:#421A14;
  --color-danger-strong:#FFAA9E;
  --color-caution:#FFA35C;
  --color-caution-soft:#3E2410;
  --color-info:#86B6FF;
  --color-scrim:#000000A3;
  --color-page:#0F141C;
  --chrome-bg:#131922;
  --chrome-raised:#1C2430;
  --chrome-ink:#EEF2F7;
  --chrome-subtle:#9AA6B6;
  --chrome-line:#232C39;
  --chrome-hover:#1C2430;
  --chrome-active:#263040;
  --chrome-action:#DCE3EC;
  --feature-bg:#DCE3EC;
  --feature-raised:#FFFFFF;
  --feature-ink:#18202B;
  --feature-subtle:#4A5668;
  --feature-line:#C3CDD9;
  --feature-action:#18202B;
  --logo-light:none;
  --logo-dark:inline-flex;
  --chrome-logo-light:none;
  --chrome-logo-dark:inline-flex;
  --color-icon-base:#EEF2F7;
  --color-icon-accent:#6EA8FF;
  --color-icon-accent-fill:#1C2E48;
  --color-icon-inactive:#94A0B0;
  --shadow-card:0px 12px 32px #00000080;
  --shadow-raised:0 1px 3px #00000080;
  --shadow-surface:0 1px 2px #2A364712, 0 10px 28px #2A36471A;
  color-scheme:dark;
  }