/* Essence Design System — website tokens. GENERATED by brand/build.mjs from
   brand/tokens.json; edit those, not this file.

   Themes: light is the default everywhere. Dark applies only when chosen
   (data-theme="dark"). High contrast applies when chosen and automatically when
   the platform asks for more contrast — an accessibility need outranks a
   preference. */
:root {
  --paper: #F3F2EF;
  --white: #FFFFFF;
  --charcoal: #353E43;
  --orange: #F27200;
  --peach: #F1BC8C;
  --sky: #B8DCF1;
  --stone: #929292;
  --charcoal-950: #252C30;
  --charcoal-700: #485054;
  --charcoal-600: #5B6265;
  --charcoal-400: #818688;
  --charcoal-200: #D6D7D5;
  --charcoal-100: #E0E0DE;
  --orange-600: #C25B00;
  --orange-700: #A95000;
  --orange-800: #853F00;
  --bg-page: #F3F2EF;
  --bg-sidebar: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-surface: #FFFFFF;
  --bg-elevated: #FAF8F7;
  --bg-input: #FFFFFF;
  --bg-constant-dark: #353E43;
  --ink-on-constant: #F3F2EF;
  --ink-on-constant-muted: #B9BCBB;
  --border-on-constant: #5B6265;
  --border-default: #D6D7D5;
  --border-subtle: #E0E0DE;
  --border-strong: #818688;
  --border-control: #818688;
  --control-off: #818688;
  --border-focus: #C25B00;
  --text-primary: #353E43;
  --text-secondary: #485054;
  --text-muted: #5B6265;
  --text-dim: #5B6265;
  --text-on-accent: #FFFFFF;
  --interactive-primary: #353E43;
  --interactive-primary-hover: #252C30;
  --interactive-primary-boundary: #C25B00;
  --text-interactive: #353E43;
  --interactive-secondary: #147C00;
  --interactive-secondary-hover: #106100;
  --interactive-destructive: #B24637;
  --interactive-destructive-hover: #993C2F;
  --interactive-ghost: #F0EFEB;
  --interactive-disabled-fill: #E6E5E1;
  --interactive-disabled-label: #485054;
  --link: #A95000;
  --link-hover: #853F00;
  --link-visited: #6E4A2E;
  --status-encrypted: #178E00;
  --status-verified: #178E00;
  --status-active: #178E00;
  --status-success: #178E00;
  --status-shared: #2F7DB0;
  --status-pending: #B47800;
  --status-expiring: #B47800;
  --status-warning: #B47800;
  --status-revoked: #CC503E;
  --status-error: #CC503E;
  --status-info: #5B6265;
  --status-expired: #818688;
  --status-encrypted-text: #137300;
  --status-verified-text: #137300;
  --status-active-text: #137300;
  --status-success-text: #137300;
  --status-shared-text: #1F5F8E;
  --status-pending-text: #6B4E00;
  --status-expiring-text: #6B4E00;
  --status-warning-text: #6B4E00;
  --status-revoked-text: #993C2F;
  --status-error-text: #993C2F;
  --status-info-text: #353E43;
  --status-expired-text: #5B6265;
  --status-info-surface: #ECEBE7;
  --chip-surface: #F3F2EF;
  --chip-border: #D6D7D5;
  --chart-series-1: #353E43;
  --chart-series-2: #C25B00;
  --chart-series-3: #2F7DB0;
  --chart-series-4: #818688;
  --chart-series-other: #A7AAAA;
  --chart-grid: #E0E0DE;
  --jur-gb-1: #012169;
  --jur-gb-2: #FFFFFF;
  --jur-gb-3: #C8102E;
  --jur-ae-1: #00732F;
  --jur-ae-2: #FFFFFF;
  --jur-ae-3: #000000;
  --jur-ae-4: #FF0000;
  --jur-eu-1: #003399;
  --jur-eu-2: #FFCC00;
  --jur-sa-1: #006C35;
  --jur-sa-2: #FFFFFF;
  --jur-in-1: #FF9933;
  --jur-in-2: #FFFFFF;
  --jur-in-3: #138808;
  --jur-sg-1: #EF3340;
  --jur-sg-2: #FFFFFF;
  --jur-us-1: #3C3B6E;
  --jur-us-2: #FFFFFF;
  --jur-us-3: #B22234;
  --jur-fr-1: #000091;
  --jur-fr-2: #FFFFFF;
  --jur-fr-3: #E1000F;
  --jur-nl-1: #AE1C28;
  --jur-nl-2: #FFFFFF;
  --jur-nl-3: #21468B;
  --font-serif: Gelasio, Georgia, "Noto Naskh Arabic", "Times New Roman", serif;
  --font-sans: "IBM Plex Sans", "IBM Plex Sans Arabic", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-display: "IBM Plex Sans", "IBM Plex Sans Arabic", "Segoe UI", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "IBM Plex Sans Arabic", monospace;
  --font-doc: "IBM Plex Sans", "IBM Plex Sans Arabic", Arial, Helvetica, sans-serif;
  --font-arabic-sans: "IBM Plex Sans Arabic", "IBM Plex Sans", "Segoe UI", Tahoma, sans-serif;
  --font-arabic-serif: "Noto Naskh Arabic", Gelasio, Georgia, "Times New Roman", serif;
  --sp-0: 0px;
  --sp-0-5: 2px;
  --sp-1: 4px;
  --sp-1-5: 6px;
  --sp-2: 8px;
  --sp-2-5: 10px;
  --sp-3: 12px;
  --sp-3-5: 14px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 28px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --radius-none: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-default: 0;
  --radius-lg: 0;
  --radius-xl: 0;
  --radius-2xl: 0;
  --radius-full: 9999px;
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-soft: 0 1px 0 0 rgba(53,62,67,0.08);
  --shadow-dropdown: 0 12px 32px rgba(53,62,67,0.18);
  --shadow-modal: 0 24px 64px rgba(53,62,67,0.28);
  --glow-primary: 0 0 0 3px rgba(194,91,0,0.22);
  --glow-emerald: 0 0 0 3px rgba(23,142,0,0.18);
  --glow-crimson: 0 0 0 3px rgba(204,80,62,0.2);
  --text-display-lg: 48px;
  --lh-display-lg: 54px;
  --text-display: 36px;
  --lh-display: 42px;
  --text-h1: 28px;
  --lh-h1: 34px;
  --text-h2: 22px;
  --lh-h2: 28px;
  --text-h3: 18px;
  --lh-h3: 24px;
  --text-h4: 15px;
  --lh-h4: 21px;
  --text-body-lg: 16px;
  --lh-body-lg: 26px;
  --text-body: 14px;
  --lh-body: 22px;
  --text-caption: 12px;
  --lh-caption: 18px;
  --text-small: 11px;
  --lh-small: 15px;
  --text-label: 11px;
  --text-tagline: 11px;
  --text-code: 13px;
  --lh-code: 20px;
  --font-size-mono: 12px;
  --font-size-mono-sm: 11px;
  --letter-spacing-mono: 0;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 700;
  --tracking-tighter: -0.02em;
  --tracking-tight: -0.01em;
  --tracking-snug: -0.005em;
  --tracking-normal: 0em;
  --tracking-wide: 0.02em;
  --tracking-wider: 0.06em;
  --tracking-widest: 0.08em;
  --dur-instant: 100ms;
  --dur-fast: 150ms;
  --dur-normal: 200ms;
  --dur-moderate: 300ms;
  --dur-slow: 500ms;
  --band-drift: 9s;
  --ease-default: cubic-bezier(0.4,0,0.2,1);
  --ease-in: cubic-bezier(0.4,0,1,1);
  --ease-out: cubic-bezier(0,0,0.2,1);
  --ease-in-out: cubic-bezier(0.4,0,0.2,1);
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
  --sidebar-w: 220px;
  --sidebar-w-collapsed: 56px;
  --content-max: 1440px;
  --grid-gutter: 16px;
  --touch-min: 44px;
  --border-w: 1px;
  --border-w-2: 2px;
  --border-w-3: 3px;
  --band-h: 14px;
  --band-h-header: 6px;
  --marker: 10px;
  --pixel: 48px;
  --site-max: 1240px;
  --gradient-brand: linear-gradient(90deg, var(--sky), var(--peach), var(--orange));
  --gradient-brand-rising: linear-gradient(0deg, var(--orange), var(--peach), var(--sky));
  color-scheme: light;
}
:root[data-theme="dark"], [data-theme="dark"] {
  --paper: #16191B;
  --charcoal: #E9E7E2;
  --bg-page: #16191B;
  --bg-sidebar: #1C2023;
  --bg-card: #1F2427;
  --bg-surface: #1F2427;
  --bg-elevated: #262C30;
  --bg-input: #1B1F22;
  --bg-constant-dark: #2B3338;
  --ink-on-constant-muted: #BFC3C4;
  --border-on-constant: #6B7377;
  --border-default: #3A4247;
  --border-subtle: #2E3539;
  --border-strong: #7D8488;
  --border-control: #7D8488;
  --control-off: #5B6265;
  --border-focus: #F58A2E;
  --text-primary: #ECEAE5;
  --text-secondary: #C9CBC9;
  --text-muted: #A3A8AA;
  --text-dim: #A3A8AA;
  --interactive-primary: #5D6970;
  --interactive-primary-hover: #6C787F;
  --interactive-primary-boundary: #F58A2E;
  --text-interactive: #ECEAE5;
  --interactive-secondary-hover: #1A9200;
  --interactive-destructive-hover: #C4513F;
  --interactive-ghost: #262C30;
  --interactive-disabled-fill: #2A3035;
  --interactive-disabled-label: #A3A8AA;
  --link: #FF9A4D;
  --link-hover: #FFB57F;
  --link-visited: #D7A57E;
  --status-encrypted: #3FB22A;
  --status-verified: #3FB22A;
  --status-active: #3FB22A;
  --status-success: #3FB22A;
  --status-shared: #5AA6DA;
  --status-pending: #E0A42A;
  --status-expiring: #E0A42A;
  --status-warning: #E0A42A;
  --status-revoked: #E06B5A;
  --status-error: #E06B5A;
  --status-info: #A3A8AA;
  --status-expired: #7D8488;
  --status-encrypted-text: #7BD66A;
  --status-verified-text: #7BD66A;
  --status-active-text: #7BD66A;
  --status-success-text: #7BD66A;
  --status-shared-text: #8CC4EC;
  --status-pending-text: #F0C35E;
  --status-expiring-text: #F0C35E;
  --status-warning-text: #F0C35E;
  --status-revoked-text: #F29A8C;
  --status-error-text: #F29A8C;
  --status-info-text: #ECEAE5;
  --status-expired-text: #A3A8AA;
  --status-info-surface: #262C30;
  --chip-surface: #262C30;
  --chip-border: #3A4247;
  --chart-series-1: #ECEAE5;
  --chart-series-2: #F58A2E;
  --chart-series-3: #5AA6DA;
  --chart-series-4: #A3A8AA;
  --chart-series-other: #7D8488;
  --chart-grid: #2E3539;
  color-scheme: dark;
}
@media (prefers-contrast: more) {
  :root:not([data-theme="dark"]) {
    --bg-page: #FFFFFF;
    --bg-elevated: #FFFFFF;
    --bg-constant-dark: #000000;
    --ink-on-constant: #FFFFFF;
    --ink-on-constant-muted: #FFFFFF;
    --border-on-constant: #FFFFFF;
    --border-default: #000000;
    --border-subtle: #1E2427;
    --border-strong: #000000;
    --border-control: #000000;
    --control-off: #1E2427;
    --border-focus: #000000;
    --text-primary: #000000;
    --text-secondary: #1E2427;
    --text-muted: #2E3539;
    --text-dim: #2E3539;
    --interactive-primary: #1E2427;
    --interactive-primary-hover: #000000;
    --interactive-primary-boundary: #000000;
    --text-interactive: #1E2427;
    --interactive-secondary: #0E5800;
    --interactive-secondary-hover: #0A4000;
    --interactive-destructive: #7A2E24;
    --interactive-destructive-hover: #5E231C;
    --interactive-ghost: #FFFFFF;
    --interactive-disabled-fill: #E0E0E0;
    --interactive-disabled-label: #2E3539;
    --link: #6B3000;
    --link-hover: #4A2100;
    --link-visited: #3E2A1A;
    --status-encrypted: #0A4000;
    --status-verified: #0A4000;
    --status-active: #0A4000;
    --status-success: #0A4000;
    --status-shared: #0F3F63;
    --status-pending: #5A3F00;
    --status-expiring: #5A3F00;
    --status-warning: #5A3F00;
    --status-revoked: #6B241B;
    --status-error: #6B241B;
    --status-info: #1E2427;
    --status-expired: #2E3539;
    --status-encrypted-text: #0A4000;
    --status-verified-text: #0A4000;
    --status-active-text: #0A4000;
    --status-success-text: #0A4000;
    --status-shared-text: #0F3F63;
    --status-pending-text: #4A3300;
    --status-expiring-text: #4A3300;
    --status-warning-text: #4A3300;
    --status-revoked-text: #5E231C;
    --status-error-text: #5E231C;
    --status-info-text: #000000;
    --status-expired-text: #2E3539;
    --status-info-surface: #FFFFFF;
    --chip-surface: #FFFFFF;
    --chip-border: #000000;
    --chart-series-1: #000000;
    --chart-series-2: #6B3000;
    --chart-series-3: #0F3F63;
    --chart-series-4: #2E3539;
    --chart-series-other: #5B6265;
    --chart-grid: #000000;
  }
}
:root[data-theme="high-contrast"], [data-theme="high-contrast"] {
  --bg-page: #FFFFFF;
  --bg-elevated: #FFFFFF;
  --bg-constant-dark: #000000;
  --ink-on-constant: #FFFFFF;
  --ink-on-constant-muted: #FFFFFF;
  --border-on-constant: #FFFFFF;
  --border-default: #000000;
  --border-subtle: #1E2427;
  --border-strong: #000000;
  --border-control: #000000;
  --control-off: #1E2427;
  --border-focus: #000000;
  --text-primary: #000000;
  --text-secondary: #1E2427;
  --text-muted: #2E3539;
  --text-dim: #2E3539;
  --interactive-primary: #1E2427;
  --interactive-primary-hover: #000000;
  --interactive-primary-boundary: #000000;
  --text-interactive: #1E2427;
  --interactive-secondary: #0E5800;
  --interactive-secondary-hover: #0A4000;
  --interactive-destructive: #7A2E24;
  --interactive-destructive-hover: #5E231C;
  --interactive-ghost: #FFFFFF;
  --interactive-disabled-fill: #E0E0E0;
  --interactive-disabled-label: #2E3539;
  --link: #6B3000;
  --link-hover: #4A2100;
  --link-visited: #3E2A1A;
  --status-encrypted: #0A4000;
  --status-verified: #0A4000;
  --status-active: #0A4000;
  --status-success: #0A4000;
  --status-shared: #0F3F63;
  --status-pending: #5A3F00;
  --status-expiring: #5A3F00;
  --status-warning: #5A3F00;
  --status-revoked: #6B241B;
  --status-error: #6B241B;
  --status-info: #1E2427;
  --status-expired: #2E3539;
  --status-encrypted-text: #0A4000;
  --status-verified-text: #0A4000;
  --status-active-text: #0A4000;
  --status-success-text: #0A4000;
  --status-shared-text: #0F3F63;
  --status-pending-text: #4A3300;
  --status-expiring-text: #4A3300;
  --status-warning-text: #4A3300;
  --status-revoked-text: #5E231C;
  --status-error-text: #5E231C;
  --status-info-text: #000000;
  --status-expired-text: #2E3539;
  --status-info-surface: #FFFFFF;
  --chip-surface: #FFFFFF;
  --chip-border: #000000;
  --chart-series-1: #000000;
  --chart-series-2: #6B3000;
  --chart-series-3: #0F3F63;
  --chart-series-4: #2E3539;
  --chart-series-other: #5B6265;
  --chart-grid: #000000;
}