/* ==========================================================================
   Aurelia Crystals — Design System Tokens
   High-end healing / natural luxury. Wholesale B2B, global.

   Direction: 高端疗愈 (high-end wellness)
   Palette derived from raw crystal + mineral surfaces:
     deep mineral green (primary), warm sand / bone (base),
     muted amethyst & dusty rose (accents), soft gold (restraint).
   ========================================================================== */

:root {

  /* ---------- Core palette ---------- */
  --nuv-forest:        #1F3A34;   /* deep mineral green — primary brand */
  --nuv-forest-deep:   #142824;   /* darkest — dark sections, footer */
  --nuv-forest-soft:   #2E554C;   /* hover / lighter green */
  --nuv-forest-tint:   #EDF1EE;   /* very light green wash */

  --nuv-sand:          #F3EDE4;   /* warm sand — page background */
  --nuv-bone:          #FAF7F2;   /* bone / off-white — cards */
  --nuv-sand-deep:     #E7DDCF;   /* deeper sand — alt sections */

  --nuv-amethyst:      #8B7BA8;   /* muted amethyst — secondary accent */
  --nuv-amethyst-soft: #C9BFDB;   /* light amethyst */
  --nuv-rose:          #C2A197;   /* dusty rose / quartz */
  --nuv-clay:          #A98C74;   /* warm clay */

  --nuv-gold:          #B49A63;   /* soft antique gold — accent ONLY */
  --nuv-gold-lt:       #D3C09A;

  --nuv-ink:           #24211E;   /* warm near-black — text */
  --nuv-ink-soft:      #3A3531;

  /* ---------- Lines & text ---------- */
  --nuv-line:          #E2D9CD;   /* hairline on sand */
  --nuv-line-strong:   #CFC2B2;
  --nuv-line-dark:     #2C4A43;

  --nuv-text:          #24211E;
  --nuv-text-muted:    #6E655C;
  --nuv-text-invert:   #F6F2EA;
  --nuv-text-invert-m: #BFCEC8;

  /* ---------- Semantic ---------- */
  --nuv-success:       #4E7A5E;
  --nuv-error:         #A4463F;

  /* ---------- Typography ----------
     Headings: refined serif with a natural, editorial feel.
     Body: clean neutral sans — keep it quiet so products lead. */
  --nuv-font-head: "Cormorant Garamond", "EB Garamond", "Playfair Display",
                   Georgia, "Times New Roman", serif;
  --nuv-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
                   Roboto, "Helvetica Neue", Arial, sans-serif;

  --nuv-fs-h1: clamp(2.2rem, 5.4vw, 3.8rem);
  --nuv-fs-h2: clamp(1.6rem, 3.4vw, 2.45rem);
  --nuv-fs-h3: clamp(1.2rem, 2.2vw, 1.55rem);
  --nuv-fs-body: 1rem;
  --nuv-fs-sm: 0.875rem;
  --nuv-fs-xs: 0.78rem;

  --nuv-lh-tight: 1.14;
  --nuv-lh-body: 1.72;

  --nuv-ls-eyebrow: 0.2em;
  --nuv-ls-btn: 0.07em;

  /* ---------- Spacing ---------- */
  --nuv-gap-xs: 8px;
  --nuv-gap-sm: 16px;
  --nuv-gap: 24px;
  --nuv-gap-lg: 40px;
  --nuv-gap-xl: 64px;
  --nuv-section-y: clamp(52px, 8vw, 104px);
  --nuv-container: 1320px;
  --nuv-container-narrow: 880px;

  /* ---------- Shape ----------
     Natural stones = soft, organic edges. Large radius, no hard corners. */
  --nuv-radius: 4px;
  --nuv-radius-lg: 12px;
  --nuv-radius-pill: 999px;
  --nuv-transition: 0.3s ease;
  --nuv-shadow: 0 1px 2px rgba(31, 58, 52, .05), 0 10px 26px rgba(31, 58, 52, .07);
  --nuv-shadow-lg: 0 4px 14px rgba(31, 58, 52, .07), 0 24px 54px rgba(31, 58, 52, .11);

  /* ---------- Breakpoints (documented)
     sm 544 / md 768 / lg 1024 / xl 1280
  ------------------------------------------------------------------- */
}

/* --------------------------------------------------------------------------
   Astra palette hand-off
   -------------------------------------------------------------------------- */
:root {
  --ast-global-color-0: #1F3A34;   /* accent / links  — mineral green */
  --ast-global-color-1: #24211E;   /* headings        — warm ink */
  --ast-global-color-2: #142824;   /* dark            */
  --ast-global-color-3: #6E655C;   /* body text       */
  --ast-global-color-4: #FAF7F2;   /* light bg        — bone */
  --ast-global-color-5: #FFFFFF;
  --ast-global-color-6: #F3EDE4;   /* sand */
  --ast-global-color-7: #E2D9CD;   /* hairline */
  --ast-global-color-8: #C9BFDB;   /* amethyst soft */
}
