/* ============================================================
   NERAYA PUBLIC SITE — DESIGN TOKENS v0.1 (mockups, session 2026-09-29)
   Revolution executed, brand DNA kept:
   abyss becomes ink on light paper; electric and sand are accents.
   Fonts: Instrument Serif (accent italic) + Inter (text) + JetBrains Mono (labels/data).
   ============================================================ */

:root {
  /* --- paper and surfaces (light-first) --- */
  --paper: #F7F6F1;        /* page: warm paper */
  --paper-2: #EFEEE6;      /* wells, table zebra */
  --surface: #FFFFFF;      /* cards */

  /* --- inks (from abyss #07111f) --- */
  --ink: #0A1420;
  --ink-2: #46525E;        /* secondary text */
  --ink-3: #7C8794;        /* muted labels */

  /* --- lines --- */
  --line: #E6E3D8;
  --line-2: #D9D5C7;

  /* --- brand accents: the sea family (cyan/electric), never green --- */
  --sea: #0A6E85;          /* deep sea cyan: links, serif accents (AA on paper) */
  --sea-deep: #07566A;
  --sea-wash: rgba(10, 110, 133, 0.08);
  --electric: #00E5FF;     /* brand electric: glints on dark, gradients */
  --ice: #C9EFF6;          /* ice aqua: marks, highlights, hovers */
  --sand: #E8DCC8;         /* sand: wells, chips */
  --sand-ink: #171307;

  /* --- states --- */
  --ok: #14805E;
  --warn: #B4690E;
  --danger: #B42318;

  /* --- dark armour (CTA cards, footer) — brand inversion --- */
  --abyss: #0A1420;
  --abyss-2: #10202F;
  --abyss-line: rgba(255, 255, 255, 0.10);
  --abyss-text: #F2F5F8;
  --abyss-muted: #8FA4B8;

  /* --- typography --- */
  --font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --fs-h1: clamp(2rem, 1.35rem + 3.2vw, 3.25rem);      /* 32 → 52 */
  --fs-h2: clamp(1.35rem, 1.15rem + 1vw, 1.625rem);    /* 21.6 → 26 */
  --fs-h3: 1.0625rem;
  --fs-body: 1.0625rem;                                /* 17px reading base */
  --fs-body-l: clamp(1.125rem, 1rem + 0.5vw, 1.1875rem); /* lead 18–19 */
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;

  /* --- grid --- */
  --w-read: 44rem;         /* ~70ch reading column */
  --w-wide: 72rem;
  --pad-x: clamp(1.25rem, 4.5vw, 2.5rem);

  /* --- radii --- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* --- shadows (soft, warm) --- */
  --shadow-sm: 0 1px 2px rgba(10, 20, 32, 0.05);
  --shadow-md: 0 1px 2px rgba(10, 20, 32, 0.05), 0 10px 28px rgba(10, 20, 32, 0.08);

  /* --- rhythm --- */
  --gap-1: 0.375rem;
  --gap-2: 0.75rem;
  --gap-3: 1.25rem;
  --gap-4: 2rem;
  --gap-5: 3.25rem;
  --gap-6: 5rem;

  /* --- misc --- */
  --header-h: 3.75rem;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --ease: linear; }
}