/* ============================================================
   UNIOX.AI v6  ·  "Sapphire Ink" design-system tokens
   Ported verbatim from the claude.ai/design handoff
   (uniox-ai-design-system a78d671d). Light editorial authority:
   cool near-black ink on paper, hairline rules, one sapphire accent.
   ============================================================ */

:root {
  /* Sapphire ramp (the single accent) */
  --sapphire-900: #0E1F4A;
  --sapphire-800: #15295C;
  --sapphire-700: #173275;
  --sapphire-600: #1C3D90;
  --sapphire-500: #2A50AE;
  --sapphire-400: #4F73C8;
  --sapphire-200: #B9C8E8;
  --sapphire-100: #E5EBF7;
  --sapphire-50:  #F2F5FC;

  /* Ink + cool slate scale */
  --ink:       #141821;
  --ink-blue:  #0E1F4A;
  --slate-900: #1B2030;
  --slate-800: #232838;
  --slate-700: #454C59;
  --slate-600: #5A6271;
  --slate-500: #828A98;
  --slate-400: #A2A9B5;
  --slate-300: #C7CDD7;
  --slate-200: #E4E7ED;
  --slate-100: #EEF0F4;
  --slate-50:  #F8F9FB;

  /* Paper */
  --white:    #FFFFFF;
  --paper:    #F8F9FB;
  --paper-2:  #F1F3F7;

  /* Semantic aliases */
  --bg: var(--paper);
  --text:            #141821;
  --text-secondary:  #454C59;
  --text-muted:      #6C7482;   /* handoff used #6C7482 inline for muted */
  --text-faint:      #A9B0BC;
  --text-on-ink:       #E7ECF5;
  --text-on-ink-muted: #9AA8C4;

  --accent:        #1C3D90;
  --accent-strong: #173275;
  --accent-bright: #4F73C8;
  --accent-tint:   #E5EBF7;

  --border:        #E4E7ED;
  --border-strong: #C7CDD7;
  --border-faint:  #EEF0F4;

  --focus-ring:    #2A50AE;

  /* Type */
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans:  "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:  "Spline Sans Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;

  --ls-tight: -0.02em; --ls-snug: -0.01em; --ls-eyebrow: 0.18em; --ls-caps: 0.12em;
  --lh-tight: 1.06; --lh-heading: 1.22; --lh-body: 1.62; --lh-relaxed: 1.72;

  /* Geometry + rhythm.  Container grows on large screens (our responsive
     ramp), floor 1180 keeps the handoff layout byte-faithful <=1553px. */
  --container: clamp(1180px, 76vw, 2160px);
  --gutter: clamp(20px, 5vw, 40px);
  --section-y: clamp(64px, 8vw, 112px);
  --gap-grid: 24px;

  --r-xs: 3px; --r-sm: 4px; --r-md: 6px; --r-lg: 8px;

  --dur: .16s;
  --ease: cubic-bezier(.22,.61,.36,1);
  --shadow-card: 0 10px 30px rgba(20,24,33,.08);
}