/* GENERATED by tokens/derive_ui_tokens.py from ../brand.json — do not hand-edit. */
:root {
  /* brand constants (manifest R02) */
  --hax-indigo: #262262;
  --hax-ink: #202033;
  --hax-sky: #27AAE1;
  --hax-teal: #39C99C;
  --hax-paper: #FFFFFF;
  --hax-mist: #CACED8;
  --hax-slate: #6B6B75;
  --hax-carbon: #0E0E12;
  --hax-deep: #0E003F;
  --hax-void: #100632;
  --hax-mograf-ground: #08121F;
  --hax-cobalt: #2B3990;
  --hax-pewter: #A3A0B2;
  --hax-gradient: linear-gradient(45deg, #27AAE1, #39C99C);
  /* accent ramps — derived; a role picks the step that clears its
     threshold on the ground it stands on. warm=active, cold=potential. */
  --teal-200: #00DF99;
  --teal-400: #39C99C;
  --teal-600: #00A974;
  --teal-700: #00875D;
  --cyan-200: #61D0FF;
  --cyan-400: #27AAE1;
  --cyan-600: #009EE1;
  --cyan-700: #007EB3;
  --error-200: #FFACC8;
  --error-400: #E35081;
  --error-600: #FF568E;
  --error-700: #EB004E;
  --warning-200: #FFB626;
  --warning-400: #B67900;
  --warning-600: #CA8700;
  --warning-700: #A26B00;
  /* document context (light): forms, briefs, assessments */
  --ui-bg: #f7f6fb;
  --ui-surface: #FFFFFF;
  --ui-ink: #0E0E12;
  --ui-ink2: #6B6B75;
  --ui-ink3: #9099a3;
  --ui-line: #d9dde2;
  --ui-line-soft: #e8eaed;
  --ui-accent: #39C99C;
  --ui-accent-ui: #00A974;
  --ui-accent-text: #00875D;
  --ui-accent-dark: #00875D;
  --ui-accent-soft: rgba(57,201,156,0.12);
  --ui-accent-alt: #27AAE1;
  --ui-accent-alt-ui: #009EE1;
  --ui-accent-alt-text: #007EB3;
  --ui-hero-dark: #202033;
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'DM Mono', ui-monospace, monospace;
  --font-blender: 'Blender','Blender Pro',ui-sans-serif,sans-serif;
  --font-tstar: 'T-Star','TStar Pro',ui-sans-serif,sans-serif;
  /* UI type scale — interface levels, distinct from the display scale */
  --text-xs: 11px;
  --text-xs-weight: 500;
  --text-sm: 13px;
  --text-sm-weight: 400;
  --text-md: 16px;
  --text-md-weight: 400;
  --text-lg: 20px;
  --text-lg-weight: 500;
  --text-xl: 26px;
  --text-xl-weight: 700;
  /* density — spacing, not type; default medium */
  --row-dense: 28px;
  --row-dense-pad: 5px;
  --row-dense-lh: 1.35;
  --row-medium: 36px;
  --row-medium-pad: 8px;
  --row-medium-lh: 1.5;
  --row-airy: 45px;
  --row-airy-pad: 12px;
  --row-airy-lh: 1.6;
  --row: var(--row-medium);
  --row-pad: 8px;
  --row-lh: 1.5;
  /* form baseline — a form is not a table */
  --form-label: var(--text-xl);
  --form-input: var(--text-lg);
  --form-field-gap: 44px;
  --form-section-pad: 90px;
  --form-measure: 0.6;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --elev-card: 0 6px 24px rgba(16,16,24,.08);
  --elev-pop: 0 12px 40px rgba(16,16,24,.18);
}
[data-ui="dark"] {
  /* tool context (dark): mini apps, site chrome */
  --ui-bg: #101114;
  --ui-surface: #17191d;
  --ui-surface2: #22262c;
  --ui-ink: #e7e9ec;
  --ui-ink2: #9aa1ab;
  --ui-line: #262a30;
  --ui-accent: #39C99C;
  --ui-accent-alt: #27AAE1;
  --ui-telemetry: #A3A0B2;
  --ui-deep: #0E003F;
  --ui-well: #100632;
}