/* DIBANGKITKAN oleh bangun-token.py dari docs/design-system/tokens.json. Jangan diubah manual. */
:root {
  --space-0: 0px;
  --space-2xs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 3px rgba(11,18,48,.08);
  --shadow-md: 0 4px 12px rgba(11,18,48,.12);
  --shadow-lg: 0 12px 32px rgba(11,18,48,.18);
  --focus-ring: 0 0 0 4px rgba(255,214,10,.55);
  --font-ui: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --color-bg-page: #F6F6F1;
  --color-bg-surface: #FFFFFF;
  --color-bg-raised: #FFFFFF;
  --color-bg-subtle: #ECECE6;
  --color-bg-brand: #FFD60A;
  --color-bg-brand-hover: #E6BC00;
  --color-bg-brand-soft: #FFFBE0;
  --color-bg-accent: #FF2E63;
  --color-bg-accent-hover: #E0184E;
  --color-bg-accent-soft: #FFEAF0;
  --color-bg-success-soft: #E7FAF3;
  --color-bg-warning-soft: #FFF1E0;
  --color-bg-danger-soft: #FFECEE;
  --color-bg-inverse: #0A0A0B;
  --color-text-primary: #0A0A0B;
  --color-text-secondary: #5E5E58;
  --color-text-muted: #5E5E58;
  --color-text-on-brand: #0A0A0B;
  --color-text-on-accent: #0A0A0B;
  --color-text-on-inverse: #FFFFFF;
  --color-text-brand: #7A6200;
  --color-text-success: #0C8A5F;
  --color-text-warning: #A85A00;
  --color-text-danger: #B3203A;
  --color-border-default: #D9D9D2;
  --color-border-strong: #B3B3AA;
  --color-border-focus: #0A0A0B;
  --color-border-brand: #0A0A0B;
  --color-border-danger: #E5384F;
}
[data-theme="dark"] {
  --color-bg-page: #0A0A0B;
  --color-bg-surface: #151517;
  --color-bg-raised: #222226;
  --color-bg-subtle: #222226;
  --color-bg-brand: #FFD60A;
  --color-bg-brand-hover: #FFDB26;
  --color-bg-brand-soft: #3D3100;
  --color-bg-accent: #FF2E63;
  --color-bg-accent-hover: #FF7A9C;
  --color-bg-accent-soft: #4D0A1E;
  --color-bg-success-soft: #0B3B2C;
  --color-bg-warning-soft: #4A2800;
  --color-bg-danger-soft: #4A1019;
  --color-bg-inverse: #FFFFFF;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #B3B3AA;
  --color-text-muted: #8A8A82;
  --color-text-on-brand: #0A0A0B;
  --color-text-on-accent: #0A0A0B;
  --color-text-on-inverse: #0A0A0B;
  --color-text-brand: #FFD60A;
  --color-text-success: #6BE0B5;
  --color-text-warning: #FFC480;
  --color-text-danger: #FF9AA8;
  --color-border-default: #34343A;
  --color-border-strong: #5E5E58;
  --color-border-focus: #FFD60A;
  --color-border-brand: #FFD60A;
  --color-border-danger: #FF9AA8;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg-page: #0A0A0B;
    --color-bg-surface: #151517;
    --color-bg-raised: #222226;
    --color-bg-subtle: #222226;
    --color-bg-brand: #FFD60A;
    --color-bg-brand-hover: #FFDB26;
    --color-bg-brand-soft: #3D3100;
    --color-bg-accent: #FF2E63;
    --color-bg-accent-hover: #FF7A9C;
    --color-bg-accent-soft: #4D0A1E;
    --color-bg-success-soft: #0B3B2C;
    --color-bg-warning-soft: #4A2800;
    --color-bg-danger-soft: #4A1019;
    --color-bg-inverse: #FFFFFF;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #B3B3AA;
    --color-text-muted: #8A8A82;
    --color-text-on-brand: #0A0A0B;
    --color-text-on-accent: #0A0A0B;
    --color-text-on-inverse: #0A0A0B;
    --color-text-brand: #FFD60A;
    --color-text-success: #6BE0B5;
    --color-text-warning: #FFC480;
    --color-text-danger: #FF9AA8;
    --color-border-default: #34343A;
    --color-border-strong: #5E5E58;
    --color-border-focus: #FFD60A;
    --color-border-brand: #FFD60A;
    --color-border-danger: #FF9AA8;
  }
}