/* ============================================================================
   Host Andros — Design Tokens  ·  "Aegean Editorial" (Cycladic luxury, light)
   Three-layer architecture: Primitive → Semantic → Component
   ========================================================================== */

:root {
  /* ---- 1. PRIMITIVES (raw values, never used directly in markup) -------- */

  /* Limestone / sand / stone neutrals (warm) */
  --c-limestone-50:  #FBF8F2;
  --c-limestone-100: #F6F1E8;
  --c-limestone-200: #EFE7D9;
  --c-sand-300:      #E6DAC6;
  --c-sand-400:      #D9C8AC;
  --c-sand-500:      #C7B294;  /* sand / soft gold */
  --c-stone-600:     #9C8F7B;
  --c-stone-700:     #6E6553;
  --c-gold-logo:     #C89040;  /* exact gold sampled from the Host Andros logo */
  --c-gold-deep:     #A9742C;
  --c-gold-strong:   #8A5A1C;  /* AA-safe deep gold for text/icons on light bg (~5:1) */

  /* Ink (warm charcoal-blue, never pure black) */
  --c-ink-900: #15232B;
  --c-ink-800: #1B2A33;
  --c-ink-700: #2C3B44;
  --c-ink-500: #59666F;
  --c-ink-400: #7E8A92;

  /* Aegean blue (the single sharp accent) */
  --c-aegean-800: #0F4458;
  --c-aegean-700: #134F66;
  --c-aegean-600: #185A70;
  --c-aegean-500: #1C6E8C;
  --c-aegean-400: #2F89A7;
  --c-aegean-100: #DCEAEF;

  --c-white: #FFFFFF;

  /* Type families (both carry Greek glyphs — required for bilingual site) */
  --font-display: "Noto Serif Display", "EB Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

  /* Fluid type scale */
  --fs-display: clamp(2.35rem, 1.15rem + 4.8vw, 5.25rem);
  --fs-h1:      clamp(2rem, 1.3rem + 2.7vw, 3.6rem);
  --fs-h2:      clamp(1.7rem, 1.2rem + 2.1vw, 2.65rem);
  --fs-h3:      clamp(1.28rem, 1.06rem + 0.95vw, 1.6rem);
  --fs-lead:    clamp(1.075rem, 1rem + 0.4vw, 1.3rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.875rem;
  --fs-eyebrow: 0.72rem;

  --lh-tight: 1.06;
  --lh-snug:  1.2;
  --lh-body:  1.72;

  /* Spacing / layout */
  --container: 1280px;
  --container-wide: 1460px;
  --measure: 66ch;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --section-y: clamp(4rem, 7vw, 8.5rem);
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Radius (editorial = near-sharp; arch motif for imagery) */
  --r-sm: 2px;
  --r: 4px;
  --r-lg: 12px;
  --r-arch: 50vw;

  /* Warm shadows */
  --shadow-sm: 0 1px 2px rgba(21,35,43,.06), 0 1px 1px rgba(21,35,43,.04);
  --shadow:    0 14px 34px -16px rgba(21,35,43,.26);
  --shadow-lg: 0 38px 70px -28px rgba(21,35,43,.34);

  /* Motion */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur: .55s;
  --dur-fast: .28s;

  --z-header: 100;
  --z-drawer: 200;
  --z-lightbox: 300;

  /* ---- 2. SEMANTIC (purpose aliases — used everywhere) ----------------- */
  --bg:          var(--c-limestone-100);
  --bg-alt:      var(--c-limestone-50);
  --bg-deep:     var(--c-ink-900);     /* dark sections / footer */
  --surface:     var(--c-white);
  --surface-sand:var(--c-limestone-200);

  --ink:         var(--c-ink-800);
  --ink-strong:  var(--c-ink-900);
  --muted:       var(--c-ink-500);
  --on-dark:     #EDE7DB;
  --on-dark-mut: #AFB6B3;

  --accent:        var(--c-aegean-500);
  --accent-strong: var(--c-aegean-700);
  --accent-deep:   var(--c-aegean-800);
  --accent-tint:   var(--c-aegean-100);
  --gold:          var(--c-sand-500);
  --cta-bg:        var(--c-gold-logo);  /* CTA band background = logo gold */
  --cta-deep:      var(--c-gold-deep);
  --gold-strong:   var(--c-gold-strong);  /* gold for eyebrows / card icons on light bg */

  --line:        rgba(21,35,43,.13);
  --line-strong: rgba(21,35,43,.24);
  --line-on-dark: rgba(237,231,219,.16);
}