/**
 * Genesis UI — Design Tokens (--gn-* alias tier, snapshot 2026-05-04)
 *
 * FALLBACK STUB. Source of truth: github.com/autonomize-ai/gui → src/styles/tokens.css.
 * Re-sync via `cp ~/work/platform/fe-research/genesis-ui/src/styles/tokens.css \
 *                src/ocr_arena/static/tokens.css` once the genesis-ui checkout is reachable.
 */

:root {
  /* ── Brand ─────────────────────────────────────────── */
  --gn-primary:       #4d129d;
  --gn-primary-hover: #29065a;
  --gn-primary-light: #ede4fa;
  --gn-primary-text:  #ffffff;

  /* ── Semantic Colours ───────────────────────────────── */
  --gn-success:       #069306;
  --gn-success-light: #d1fae5;
  --gn-success-text:  #065f46;

  --gn-warning:       #b27420;
  --gn-warning-light: #fbf3e3;
  --gn-warning-text:  #6b4408;

  --gn-danger:        #e9040e;
  --gn-danger-hover:  #b8030c;
  --gn-danger-light:  #fdecee;
  --gn-danger-text:   #7a0d18;

  --gn-info:          #4d129d;
  --gn-info-light:    #ede4fa;
  --gn-info-text:     #29065a;

  --gn-neutral:       #4f5763;
  --gn-neutral-light: #f1f3f6;
  --gn-neutral-text:  #1a1a1a;

  /* ── Density + Brand-dark surfaces ──────────────────── */
  --gn-text-micro: 10px;
  --gn-shadow-card: none;
  --gn-shadow-inset: none;
  --gn-brand-dark: #1f0448;
  --gn-brand-deep: #160233;
  --gn-danger-orange:       #c25c1d;
  --gn-danger-orange-light: #fdf0e6;
  --gn-danger-orange-text:  #6b310c;

  /* ── Surface / Background ───────────────────────────── */
  --gn-surface:        #ffffff;
  --gn-surface-alt:    #f7f5fb;
  --gn-surface-raised: #ffffff;

  /* ── Border + Radius ────────────────────────────────── */
  --gn-border:        #ebe5f3;
  --gn-border-strong: #999999;
  --gn-radius:        4px;
  --gn-radius-lg:     8px;
  --gn-radius-xl:     8px;
  --gn-radius-full:   9999px;

  /* ── Typography ─────────────────────────────────────── */
  --gn-font-sans:  "PPNeue Montreal", "Manrope", system-ui, -apple-system, sans-serif;
  --gn-font-mono:  ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
  --gn-text-xs:    12px;
  --gn-text-sm:    14px;
  --gn-text-base:  16px;
  --gn-text-lg:    1.125rem;
  --gn-text-label: 11px;
  --gn-text-primary:   #1a1a1a;
  --gn-text-secondary: #666666;
  --gn-text-muted:     #8a8a8a;
  --gn-line-height-tight:   1;
  --gn-line-height-normal:  1.5;
  --gn-line-height-relaxed: 1.65;

  /* ── Spacing ─────────────────────────────────────────── */
  --gn-space-1: 0.25rem;
  --gn-space-2: 0.5rem;
  --gn-space-3: 0.75rem;
  --gn-space-4: 1rem;
  --gn-space-5: 1.25rem;
  --gn-space-6: 1.5rem;
  --gn-space-7: 1.75rem;
  --gn-space-8: 2rem;

  /* ── Shadow ─────────────────────────────────────────── */
  --gn-shadow-sm:    none;
  --gn-shadow:       none;
  --gn-shadow-md:    none;
  --gn-shadow-dropdown: 0 4px 6px rgba(0, 0, 0, 0.2);

  /* ── Animation ───────────────────────────────────────── */
  --gn-duration-fast:   100ms;
  --gn-duration-normal: 200ms;
  --gn-duration-slow:   300ms;
  --gn-ease:            ease;

  /* ── Analytics / Chart Scale (violet ramp on the brand) */
  --gn-chart-scale-0: #f7f5fb;
  --gn-chart-scale-1: #e9deff;
  --gn-chart-scale-2: #cdb1f5;
  --gn-chart-scale-3: #731ee3;
  --gn-chart-scale-4: #4d129d;
  --gn-chart-scale-5: #29065a;
  --gn-chart-grid:    #ebe5f3;
  --gn-chart-axis:    #666666;
}