/* StartupX design tokens — v1.0 */
:root {
  /* Color */
  --sx-ink:        #0B0B0C;  /* page ground */
  --sx-surface:    #141416;  /* raised panel */
  --sx-hairline:   #26262A;  /* 1px rules, borders */
  --sx-ash:        #93908A;  /* muted text, min 15px */
  --sx-body:       #B7B4AE;  /* body copy on ink */
  --sx-bone:       #F2F1EE;  /* paper / primary text on ink */
  --sx-lime:       #C8F542;  /* primary accent — one per view */
  --sx-lime-ink:   #3B4A0F;  /* text on lime, small sizes */
  --sx-orange:     #FF4D0A;  /* alerts and errors only */

  /* Type */
  --sx-font-sans: 'Familjen Grotesk', system-ui, sans-serif;
  --sx-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --sx-font-ar:   'IBM Plex Sans Arabic', 'Noto Sans Arabic', system-ui, sans-serif;

  --sx-display: 600 clamp(34px, 5.5vw, 64px)/1.02 var(--sx-font-sans);
  --sx-heading: 600 clamp(24px, 3.4vw, 32px)/1.1 var(--sx-font-sans);
  --sx-body-t:  400 18px/1.6 var(--sx-font-sans);
  --sx-caption: 400 15px/1.5 var(--sx-font-sans);
  --sx-label:   500 11px/1.4 var(--sx-font-mono); /* uppercase, 0.2em tracking */

  /* Space — 4px base */
  --sx-1: 4px; --sx-2: 8px; --sx-3: 12px; --sx-4: 16px;
  --sx-6: 24px; --sx-8: 32px; --sx-12: 48px; --sx-16: 64px; --sx-22: 88px;

  /* Geometry */
  --sx-radius: 0;              /* square corners, always */
  --sx-border: 1px solid var(--sx-hairline);
  --sx-ease: cubic-bezier(0.2, 0, 0, 1);
  --sx-dur-state: 120ms;
  --sx-dur-enter: 220ms;
}

/* Arabic pages: swap the sans, keep mono for numerals and labels */
[lang="ar"], [dir="rtl"] { --sx-font-sans: var(--sx-font-ar); }