/* ===========================================================
   Incoming Hellas® — Design Tokens
   Single source of truth for color, type, spacing, motion.
   =========================================================== */
:root{
  /* --- Color --- */
  --color-indigo: #1B2A4A;
  --color-indigo-dark: #101B32;
  --color-indigo-soft: #29406B;
  --color-terracotta: #B71C1C;
  --color-terracotta-soft: #D47777;
  --color-offwhite: #FAF7F2;
  --color-white: #FFFFFF;
  --color-charcoal: #1E1E1E;
  --color-olive: #6B7A4C;
  --color-line: rgba(27,42,74,0.12);
  --color-line-light: rgba(255,255,255,0.18);

  /* --- Type ---
     "Aptos" itself is a Microsoft-proprietary font bundled with Office/Windows —
     it isn't available on Google Fonts or any open web-font CDN, so it can't be
     legally embedded on a public website. Onest is used instead: a free,
     open-licensed, geometric-humanist sans with the same clean "modern 2026
     corporate" character Aptos has, applied to both headings and body for one
     unified typeface across the whole site. */
  --font-display: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-h1: clamp(2.25rem, 1.7rem + 2.5vw, 4rem);
  --fs-h2: clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);
  --fs-h3: clamp(1.3rem, 1.1rem + 0.8vw, 1.75rem);
  --fs-lead: clamp(1.05rem, 0.95rem + 0.4vw, 1.3rem);
  --fs-body: clamp(0.95rem, 0.92rem + 0.15vw, 1.05rem);
  --fs-small: clamp(0.8rem, 0.78rem + 0.1vw, 0.875rem);
  --fs-eyebrow: 0.8rem;

  /* --- Spacing (8px base) --- */
  --space-1: 0.5rem;   /* 8px */
  --space-2: 1rem;     /* 16px */
  --space-3: 1.5rem;   /* 24px */
  --space-4: 2rem;     /* 32px */
  --space-5: 3rem;     /* 48px */
  --space-6: 4rem;      /* 64px */
  --space-7: 6rem;      /* 96px */
  --space-8: 8rem;      /* 128px */

  /* --- Layout --- */
  --container-max: 1360px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 200ms;
  --dur-med: 420ms;
  --dur-slow: 700ms;

  /* --- Elevation --- */
  --shadow-sm: 0 2px 10px rgba(16,27,50,0.08);
  --shadow-md: 0 12px 32px rgba(16,27,50,0.14);
  --shadow-lg: 0 24px 60px rgba(16,27,50,0.2);
}

/* Cross-document view transitions (progressive enhancement, MPA) */
@view-transition {
  navigation: auto;
}