/* ==========================================================================
   ALTA TAILORS — Design tokens
   One source of truth for colour, type, spacing and motion.
   In WordPress: enqueue this first; Elementor global colours/fonts mirror it.
   ========================================================================== */

/* ---- Fonts (self-hosted, no Google Fonts request) ---- */
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-300-normal.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-300-italic.woff2") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-latin-300-normal.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  /* ---- Brand colours (navy + gold are fixed; the rest are proposals) ---- */
  --navy: #1c2b3a;
  --navy-deep: #121c27;
  --navy-soft: #2a3d50;
  --gold: #c5a059;
  --gold-light: #dcc293;
  --gold-ink: #7d5f27;     /* gold dark enough for text on ivory (AA) */
  --ivory: #f5f1ea;
  --ivory-2: #ebe4d8;
  --espresso: #2a211b;
  --ink: #111418;
  --stone: #6b6a66;        /* muted body text on ivory */
  --mist: #a9b2bb;         /* muted text on navy */

  --line-dark: rgba(197, 160, 89, 0.28);  /* hairlines on navy */
  --line-light: rgba(17, 20, 24, 0.14);   /* hairlines on ivory */

  /* ---- Typography ---- */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-hero: clamp(3.4rem, 9.2vw, 9.5rem);
  --fs-h1: clamp(2.8rem, 6.4vw, 6.4rem);
  --fs-h2: clamp(2.2rem, 4.4vw, 4.4rem);
  --fs-h3: clamp(1.6rem, 2.4vw, 2.4rem);
  --fs-statement: clamp(1.75rem, 3.6vw, 3.6rem);
  --fs-lead: clamp(1.05rem, 1.25vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-label: 0.72rem;

  --lh-tight: 1.04;
  --lh-display: 1.12;
  --lh-body: 1.65;
  --track-label: 0.24em;

  /* ---- Spacing & layout ---- */
  --gutter: clamp(1rem, 4vw, 3.5rem);
  --section-y: clamp(5.5rem, 13vw, 11rem);
  --max-w: 1440px;
  --radius: 2px;
  --header-h: 84px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);        /* ≈ expo.out */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.35s;
  --dur: 0.8s;
  --dur-slow: 1.2s;
}

@media (max-width: 760px) {
  :root { --header-h: 68px; }
}