/* Siliqun Rotor design system tokens. WRITTEN BY build_tokens.py FROM tokens.json:
   edit tokens.json, then run python3 platform/brand/build_tokens.py.
   Light by default; dark on the OS preference unless the page says light,
   or when the page (or a subtree) says dark. */
:root {
  --zj-font-sans: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --zj-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --zj-bg: #EEF0EC;
  --zj-bg-rgb: 238 240 236;
  --zj-surface: #FFFFFF;
  --zj-surface-rgb: 255 255 255;
  --zj-surface-2: #EEF0EC;
  --zj-surface-2-rgb: 238 240 236;
  --zj-border: #DDE1E5;
  --zj-border-rgb: 221 225 229;
  --zj-border-strong: #C9CFD6;
  --zj-border-strong-rgb: 201 207 214;
  --zj-text: #0B0F14;
  --zj-text-rgb: 11 15 20;
  --zj-text-2: #333B46;
  --zj-text-2-rgb: 51 59 70;
  --zj-text-muted: #5B6573;
  --zj-text-muted-rgb: 91 101 115;
  --zj-accent: #8C5F12;
  --zj-accent-rgb: 140 95 18;
  --zj-accent-fill: #D49A3A;
  --zj-accent-fill-rgb: 212 154 58;
  --zj-on-accent-fill: #0B0F14;
  --zj-on-accent-fill-rgb: 11 15 20;
  --zj-point: #A9741E;
  --zj-point-rgb: 169 116 30;
  --zj-data: #2F5F99;
  --zj-data-rgb: 47 95 153;
  --zj-decided: #8C5F12;
  --zj-decided-rgb: 140 95 18;
  --zj-ask: #2F5F99;
  --zj-ask-rgb: 47 95 153;
  --zj-refused: #B23B22;
  --zj-refused-rgb: 178 59 34;
  --zj-refused-fill: #B23B22;
  --zj-refused-fill-rgb: 178 59 34;
  --zj-on-refused-fill: #FFFFFF;
  --zj-on-refused-fill-rgb: 255 255 255;
  --zj-code-bg: #1B222C;
  --zj-code-bg-rgb: 27 34 44;
  --zj-code-text: #EEF0EC;
  --zj-code-text-rgb: 238 240 236;
  --zj-code-muted: #8B95A3;
  --zj-code-muted-rgb: 139 149 163;

  --zj-text-display: 72px;
  --zj-text-h1: 48px;
  --zj-text-h2: 32px;
  --zj-text-h3: 22px;
  --zj-text-body-lg: 19px;
  --zj-text-body: 17px;
  --zj-text-ui: 15px;
  --zj-text-small: 13px;
  --zj-text-label: 12px;
  --zj-leading-display: 1.0;
  --zj-leading-heading: 1.15;
  --zj-leading-body: 1.55;
  --zj-leading-ui: 1.4;
  --zj-tracking-display: -0.04em;
  --zj-tracking-heading: -0.02em;
  --zj-tracking-body: 0;
  --zj-tracking-label: 0.12em;

  --zj-space-1: 4px;
  --zj-space-2: 8px;
  --zj-space-3: 12px;
  --zj-space-4: 16px;
  --zj-space-5: 20px;
  --zj-space-6: 24px;
  --zj-space-7: 32px;
  --zj-space-8: 40px;
  --zj-space-9: 56px;
  --zj-space-10: 64px;
  --zj-space-11: 80px;
  --zj-space-12: 120px;
  --zj-radius-sm: 4px;
  --zj-radius-md: 8px;
  --zj-radius-app-icon: 34px;

  --zj-max-text: 720px;
  --zj-max-content: 1200px;
  --zj-max-wide: 1440px;
  --zj-control-sm: 32px;
  --zj-control-md: 40px;
  --zj-control-lg: 48px;
  --zj-touch-min: 44px;
  --zj-focus-ring: 2px solid var(--zj-accent);
  --zj-focus-offset: 2px;

  --zj-duration-fast: 120ms;
  --zj-duration-base: 200ms;
  --zj-duration-slow: 320ms;
  --zj-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --zj-ease-enter: cubic-bezier(0, 0, 0, 1);
  --zj-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --zj-shadow-popover: 0 8px 24px rgba(11, 15, 20, 0.16);
  --zj-shadow-toast: 0 12px 32px rgba(11, 15, 20, 0.24);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --zj-bg: #0B0F14;
    --zj-bg-rgb: 11 15 20;
    --zj-surface: #1B222C;
    --zj-surface-rgb: 27 34 44;
    --zj-surface-2: #1B222C;
    --zj-surface-2-rgb: 27 34 44;
    --zj-border: #263040;
    --zj-border-rgb: 38 48 64;
    --zj-border-strong: #5B6573;
    --zj-border-strong-rgb: 91 101 115;
    --zj-text: #EEF0EC;
    --zj-text-rgb: 238 240 236;
    --zj-text-2: #C9CFD6;
    --zj-text-2-rgb: 201 207 214;
    --zj-text-muted: #8B95A3;
    --zj-text-muted-rgb: 139 149 163;
    --zj-accent: #D49A3A;
    --zj-accent-rgb: 212 154 58;
    --zj-accent-fill: #D49A3A;
    --zj-accent-fill-rgb: 212 154 58;
    --zj-on-accent-fill: #0B0F14;
    --zj-on-accent-fill-rgb: 11 15 20;
    --zj-point: #D49A3A;
    --zj-point-rgb: 212 154 58;
    --zj-data: #7FA7D9;
    --zj-data-rgb: 127 167 217;
    --zj-decided: #D49A3A;
    --zj-decided-rgb: 212 154 58;
    --zj-ask: #7FA7D9;
    --zj-ask-rgb: 127 167 217;
    --zj-refused: #E2674A;
    --zj-refused-rgb: 226 103 74;
    --zj-refused-fill: #E2674A;
    --zj-refused-fill-rgb: 226 103 74;
    --zj-on-refused-fill: #0B0F14;
    --zj-on-refused-fill-rgb: 11 15 20;
    --zj-code-bg: #0B0F14;
    --zj-code-bg-rgb: 11 15 20;
    --zj-code-text: #EEF0EC;
    --zj-code-text-rgb: 238 240 236;
    --zj-code-muted: #8B95A3;
    --zj-code-muted-rgb: 139 149 163;
    color-scheme: dark;
  }
}

:root[data-theme="dark"], .dark {
  --zj-bg: #0B0F14;
  --zj-bg-rgb: 11 15 20;
  --zj-surface: #1B222C;
  --zj-surface-rgb: 27 34 44;
  --zj-surface-2: #1B222C;
  --zj-surface-2-rgb: 27 34 44;
  --zj-border: #263040;
  --zj-border-rgb: 38 48 64;
  --zj-border-strong: #5B6573;
  --zj-border-strong-rgb: 91 101 115;
  --zj-text: #EEF0EC;
  --zj-text-rgb: 238 240 236;
  --zj-text-2: #C9CFD6;
  --zj-text-2-rgb: 201 207 214;
  --zj-text-muted: #8B95A3;
  --zj-text-muted-rgb: 139 149 163;
  --zj-accent: #D49A3A;
  --zj-accent-rgb: 212 154 58;
  --zj-accent-fill: #D49A3A;
  --zj-accent-fill-rgb: 212 154 58;
  --zj-on-accent-fill: #0B0F14;
  --zj-on-accent-fill-rgb: 11 15 20;
  --zj-point: #D49A3A;
  --zj-point-rgb: 212 154 58;
  --zj-data: #7FA7D9;
  --zj-data-rgb: 127 167 217;
  --zj-decided: #D49A3A;
  --zj-decided-rgb: 212 154 58;
  --zj-ask: #7FA7D9;
  --zj-ask-rgb: 127 167 217;
  --zj-refused: #E2674A;
  --zj-refused-rgb: 226 103 74;
  --zj-refused-fill: #E2674A;
  --zj-refused-fill-rgb: 226 103 74;
  --zj-on-refused-fill: #0B0F14;
  --zj-on-refused-fill-rgb: 11 15 20;
  --zj-code-bg: #0B0F14;
  --zj-code-bg-rgb: 11 15 20;
  --zj-code-text: #EEF0EC;
  --zj-code-text-rgb: 238 240 236;
  --zj-code-muted: #8B95A3;
  --zj-code-muted-rgb: 139 149 163;
  color-scheme: dark;
}

:root[data-theme="light"], .light {
  --zj-bg: #EEF0EC;
  --zj-bg-rgb: 238 240 236;
  --zj-surface: #FFFFFF;
  --zj-surface-rgb: 255 255 255;
  --zj-surface-2: #EEF0EC;
  --zj-surface-2-rgb: 238 240 236;
  --zj-border: #DDE1E5;
  --zj-border-rgb: 221 225 229;
  --zj-border-strong: #C9CFD6;
  --zj-border-strong-rgb: 201 207 214;
  --zj-text: #0B0F14;
  --zj-text-rgb: 11 15 20;
  --zj-text-2: #333B46;
  --zj-text-2-rgb: 51 59 70;
  --zj-text-muted: #5B6573;
  --zj-text-muted-rgb: 91 101 115;
  --zj-accent: #8C5F12;
  --zj-accent-rgb: 140 95 18;
  --zj-accent-fill: #D49A3A;
  --zj-accent-fill-rgb: 212 154 58;
  --zj-on-accent-fill: #0B0F14;
  --zj-on-accent-fill-rgb: 11 15 20;
  --zj-point: #A9741E;
  --zj-point-rgb: 169 116 30;
  --zj-data: #2F5F99;
  --zj-data-rgb: 47 95 153;
  --zj-decided: #8C5F12;
  --zj-decided-rgb: 140 95 18;
  --zj-ask: #2F5F99;
  --zj-ask-rgb: 47 95 153;
  --zj-refused: #B23B22;
  --zj-refused-rgb: 178 59 34;
  --zj-refused-fill: #B23B22;
  --zj-refused-fill-rgb: 178 59 34;
  --zj-on-refused-fill: #FFFFFF;
  --zj-on-refused-fill-rgb: 255 255 255;
  --zj-code-bg: #1B222C;
  --zj-code-bg-rgb: 27 34 44;
  --zj-code-text: #EEF0EC;
  --zj-code-text-rgb: 238 240 236;
  --zj-code-muted: #8B95A3;
  --zj-code-muted-rgb: 139 149 163;
  color-scheme: light;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --zj-duration-base: 0ms;
    --zj-duration-slow: 0ms;
  }
}