/* DIBUAT OTOMATIS dari desain/PosetiveApp.pen oleh scripts/ekspor-token.py — jangan diedit manual. */
:root {
  --bg: var(--ink-850);
  --ink-850: #141112;
  --surface: var(--ink-800);
  --ink-800: #1E1A1B;
  --surface-2: var(--ink-700);
  --ink-700: #2A2426;
  --border: var(--ink-650);
  --ink-650: #342D2F;
  --text-primary: var(--ink-50);
  --ink-50: #F4EEEC;
  --text-secondary: var(--ink-300);
  --ink-300: #BDB2AF;
  --text-tertiary: var(--ink-400);
  --ink-400: #9A8F8C;
  --maroon: var(--maroon-800);
  --maroon-800: #5E1626;
  --maroon-deep: var(--maroon-900);
  --maroon-900: #3F0E19;
  --cream: var(--cream-100);
  --cream-100: #F3E3C3;
  --accent: var(--salmon-400);
  --salmon-400: #F2906F;
  --on-accent: var(--salmon-950);
  --salmon-950: #2A0E08;
  --accent-soft: rgb(242 144 111 / 0.122);
  --positive: var(--green-400);
  --green-400: #6BD49A;
  --negative: var(--red-400);
  --red-400: #FF8A7A;
  --warning: var(--amber-400);
  --amber-400: #F2BE5C;
  --font-ui: 'Plus Jakarta Sans';
  --font-brand: 'Playfair Display';
  --font-mono: 'IBM Plex Mono';
  --maroon-glow: var(--maroon-500);
  --maroon-500: #B0304F;
  --ink-950: #0A0809;
  --ink-900: #100D0E;
  --ink-750: #221C1E;
  --ink-600: #3A3335;
  --ink-500: #807477;
  --maroon-950: #2A1117;
  --maroon-700: #76203A;
  --maroon-400: #D0466A;
  --maroon-100: #E7C9CF;
  --bg-canvas: var(--ink-900);
  --surface-paper: var(--ink-750);
  --surface-sunken: var(--ink-950);
  --border-strong: var(--ink-600);
  --border-control: var(--ink-500);
  --text-on-brand: var(--maroon-100);
  --brand-bright: var(--maroon-400);
  --brand-tint: var(--maroon-950);
  --brand-soft: rgb(176 48 79 / 0.122);
  --action-primary: var(--cream-100);
  --on-action-primary: var(--maroon-900);
  --positive-soft: rgb(107 212 154 / 0.122);
  --negative-soft: rgb(255 138 122 / 0.122);
  --warning-soft: rgb(242 190 92 / 0.078);
  --font-display: 'Yeseva One';
  --font-script: 'Pinyon Script';
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-pill: 999px;
  --hero-base: #1A1214;
  --safelight-core: rgb(176 48 79 / 0.800);
  --safelight-mid: rgb(94 22 38 / 0.533);
  --safelight-edge: rgb(26 18 20 / 0.000);
  --overlay-scrim: rgb(0 0 0 / 0.251);
  --overlay-stroke: rgb(255 255 255 / 0.149);
  --overlay-hairline: rgb(255 255 255 / 0.102);
  --brand-stroke: rgb(176 48 79 / 0.200);
  --on-brand-line: rgb(231 201 207 / 0.333);
}