/* ===========================================================
   Freyja by Pilar Workman — Design Tokens
   Sourced from the live holding page + extended for photography.
   =========================================================== */

:root {
  /* ---------- Colour ---------- */
  /* Core brand (from live site) */
  --bg:           #FDF9ED;   /* warm cream — primary background */
  --blush:        #BA918B;   /* primary accent — headings, links, accents */
  --blush-light:  #E2B2A3;   /* logo gradient — secondary accent / hover */
  --cream-2:      #ECE9DB;   /* soft cream — rules, dividers, hover bg */
  --silver:       #C3C3C3;   /* logo gradient — captions, metallic */
  --ink:          #2A2723;   /* near-black — body text */
  --ink-soft:     #6B655D;   /* muted body — captions, meta */

  /* Photo-harmonised neutrals (informed by client photography) */
  --walnut:       #6C5F54;   /* softer ink alternative for photo-heavy contexts */
  --blush-deep:   #99635B;   /* readable blush for small uppercase labels (AA 4.65:1) */
  --stone:        #B0A59B;   /* warm taupe — muted dividers, borders */
  --camel:        #A48970;   /* deeper warm accent — button hover, badges */
  --rose-linen:   #C7B7AA;   /* tertiary cream variant — section backgrounds */

  /* Functional */
  --white:        #FFFFFF;
  --rule:         rgba(42, 39, 35, 0.10);
  --rule-strong:  rgba(42, 39, 35, 0.20);
  --shadow-sm:    0 2px 12px rgba(42, 39, 35, 0.06);
  --shadow-md:    0 8px 32px rgba(42, 39, 35, 0.10);

  /* ---------- Typography ---------- */
  /* Production: Industry + Futura PT via Adobe Typekit (kit cjz4zzp).
     Local fallback: Barlow (≈ Industry), Jost (≈ Futura PT) via Google Fonts. */
  --font-display:  "industry", "Barlow", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body:     "industry", "Barlow", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-alt:      "futura-pt", "Jost", -apple-system, BlinkMacSystemFont, sans-serif;

  --fw-thin:       100;
  --fw-light:      300;
  --fw-regular:    400;
  --fw-medium:     500;
  --fw-bold:       700;

  /* ---------- Spacing scale ---------- */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:  16px;
  --space-4:  24px;
  --space-5:  32px;
  --space-6:  48px;
  --space-7:  64px;
  --space-8:  96px;
  --space-9: 128px;
  --space-10: 192px;

  /* ---------- Containers ---------- */
  --container-narrow:   800px;
  --container-default: 1200px;
  --container-wide:    1400px;

  /* ---------- Other ---------- */
  --radius-0:  0;
  --radius-1:  2px;
  --radius-2:  4px;

  --nav-height: 80px;
  --nav-height-scrolled: 64px;
}

/* Breakpoints (referenced in media queries) — for documentation:
   --bp-sm:  480px
   --bp-md:  768px
   --bp-lg: 1024px
   --bp-xl: 1280px
   --bp-2xl:1440px
*/