/* ============================================================
   AINA — Design Tokens
   Single source of truth. Change a value here, it changes
   everywhere. Built to map cleanly onto CMS design settings.
   ============================================================ */

:root {
  /* ---- Color: light (default surface) ---- */
  --ink:      #0A1826;
  --navy:     #0E2B45;
  --navy-2:   #13385C;
  --paper:    #F5F4F0;
  --white:    #FFFFFF;
  --line:     #E1E5E3;
  --line-2:   #D3D8D6;
  --muted:    #56636F;
  --muted-2:  #7A8590;
  --brass:    #AE8A4E;
  --brass-dk: #8F6F38;

  /* ---- Color: dark (for dark sections) ---- */
  --d-bg:      #0A1826;
  --d-surface: #122A42;
  --d-text:    #EAF0F5;
  --d-muted:   #9FB0BE;
  --d-line:    rgba(255,255,255,0.10);
  --d-accent:  #E4C583;

  /* ---- Typography ---- */
  --f-display: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --f-body:    "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --f-serif:   "Newsreader", Georgia, "Times New Roman", serif;

  --fs-display: clamp(2.6rem, 6.4vw, 5rem);
  --fs-h1:      clamp(2.2rem, 5vw, 3.6rem);
  --fs-h2:      clamp(1.9rem, 4vw, 3rem);
  --fs-h3:      clamp(1.25rem, 2.2vw, 1.5rem);
  --fs-lead:    clamp(1.08rem, 1.6vw, 1.32rem);
  --fs-body:    1.0625rem;
  --fs-sm:      0.94rem;
  --fs-cap:     0.85rem;
  --fs-eyebrow: 0.75rem;

  /* ---- Spacing (8px base) ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 96px; --s-10: 128px;

  /* ---- Layout ---- */
  --maxw: 1180px;
  --maxw-narrow: 760px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --band-y: clamp(4rem, 9vw, 7.5rem);
  --header-h: 76px;

  /* ---- Radius & elevation ---- */
  --r-sm: 2px;
  --r-md: 4px;
  --shadow-overlay: 0 8px 40px rgba(10,24,38,0.10);

  /* ---- Motion ---- */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur: .18s;
  --dur-reveal: .7s;
}