/* ============================================================
   AORVIS — Design tokens
   Reading the subsurface: light, precise, instrument-grade.
   ============================================================ */
:root {
  /* Brand */
  --blue:   #1546AC;   /* primary — extracted from the logo */
  --abyss:  #0E2E73;   /* deep blue for hover/active states  */
  --blue-08:#1546AC14; /* 8% tint for washes                 */
  --blue-04:#1546AC0a;

  /* Neutrals */
  --ink:    #0B0E14;   /* near-black, primary text */
  --slate:  #3A4150;   /* secondary text           */
  --muted:  #6B7280;   /* captions, meta           */
  --hair:   #E3E6EC;   /* hairline rules           */
  --paper:  #F5F6F8;   /* alternating section band */
  --white:  #FFFFFF;

  /* Semantic */
  --bg:        var(--white);
  --bg-alt:    var(--paper);
  --text:      var(--ink);
  --text-soft: var(--slate);
  --line:      var(--hair);
  --accent:    var(--blue);

  /* Typography */
  --font-display: "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", monospace;

  /* Modular type scale (1.25) */
  --t-xs:   0.75rem;
  --t-sm:   0.875rem;
  --t-base: 1rem;
  --t-md:   1.125rem;
  --t-lg:   1.375rem;
  --t-xl:   1.85rem;
  --t-2xl:  2.5rem;
  --t-3xl:  3.4rem;
  --t-4xl:  clamp(2.75rem, 6vw, 5.25rem);
  --t-hero: clamp(3rem, 8.5vw, 8rem);

  /* Spacing scale */
  --s-1: 0.25rem; --s-2: 0.5rem;  --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.5rem;  --s-6: 2rem;    --s-7: 3rem;    --s-8: 4rem;
  --s-9: 6rem;    --s-10: 8rem;   --s-11: 11rem;

  /* Structure */
  --shell:  1280px;     /* max content width */
  --measure: 68ch;      /* reading measure   */
  --radius: 2px;        /* near-zero, engineered feel */
  --header-h: 68px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.55s;
}