/* =========================================================================
   AURUM — Colors & Type tokens
   Provider Talent for Medical Aesthetics
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Italiana&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Manrope:wght@200;300;400;500;600;700&display=swap');

:root {
  /* ---------- Brand / primary palette --------------------------------- */
  --aurum-obsidian:      #161210;   /* Near-black, warm-cast. Backgrounds, headlines on cream */
  --aurum-onyx:          #1F1A17;   /* Lifted black, card surfaces on dark */
  --aurum-ink:           #2A231F;   /* Body text on cream */

  --aurum-gold:          #C8A24A;   /* Champagne / antique gold — primary accent */
  --aurum-gold-deep:     #8C6A2F;   /* Hover/pressed gold; deep monogram */
  --aurum-gold-soft:     #E2C887;   /* Hairline rules, decorative chrome */

  /* ---------- Neutrals (nuture tones) --------------------------------- */
  --aurum-bone:          #F5EFE6;   /* Default page background; warm cream */
  --aurum-parchment:     #EDE4D5;   /* Section break / quote slab */
  --aurum-linen:         #E5D9C5;   /* Card surface on bone */
  --aurum-sand:          #D8C3B0;   /* Eyebrow rule, divider */
  --aurum-clay:          #A9907B;   /* Muted body, captions */
  --aurum-stone:         #6E5E50;   /* Secondary text on bone */

  /* ---------- Semantic ------------------------------------------------- */
  --aurum-fg-1:          var(--aurum-obsidian);   /* Primary text on light */
  --aurum-fg-2:          var(--aurum-ink);
  --aurum-fg-3:          var(--aurum-stone);      /* Meta, captions */
  --aurum-fg-mute:       var(--aurum-clay);

  --aurum-fg-inv-1:      var(--aurum-bone);       /* Primary text on dark */
  --aurum-fg-inv-2:      #D8CDBC;
  --aurum-fg-inv-3:      #97897A;

  --aurum-bg:            var(--aurum-bone);
  --aurum-bg-elev:       #FBF7EE;                 /* Pop card surface */
  --aurum-bg-inv:        var(--aurum-obsidian);
  --aurum-bg-inv-elev:   var(--aurum-onyx);

  --aurum-accent:        var(--aurum-gold);
  --aurum-accent-deep:   var(--aurum-gold-deep);
  --aurum-rule:          rgba(22,18,16,0.12);
  --aurum-rule-inv:      rgba(245,239,230,0.16);
  --aurum-rule-gold:     rgba(200,162,74,0.32);

  --aurum-success:       #5C7A4F;
  --aurum-danger:        #A14536;
  --aurum-info:          #4B6473;

  /* ---------- Type families ------------------------------------------- */
  --aurum-font-display:  'Italiana', 'Cormorant Garamond', 'Times New Roman', serif;
  --aurum-font-accent:   'Cormorant Garamond', 'Italiana', serif;   /* italic accent words */
  --aurum-font-body:     'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --aurum-font-eyebrow:  'Manrope', sans-serif;                     /* used as tracked small caps */

  /* ---------- Type scale (clamped, fluid) ----------------------------- */
  --aurum-fs-eyebrow:    0.72rem;     /* 11.5px @1rem=16, tracked 0.22em */
  --aurum-fs-body-sm:    0.875rem;
  --aurum-fs-body:       1rem;
  --aurum-fs-body-lg:    1.125rem;
  --aurum-fs-lede:       clamp(1.125rem, 0.95rem + 0.75vw, 1.375rem);

  --aurum-fs-h6:         1.125rem;
  --aurum-fs-h5:         1.375rem;
  --aurum-fs-h4:         clamp(1.625rem, 1.3rem + 1.2vw, 2rem);
  --aurum-fs-h3:         clamp(2rem,    1.6rem + 1.8vw, 2.75rem);
  --aurum-fs-h2:         clamp(2.75rem, 2.2rem + 2.6vw, 4rem);
  --aurum-fs-h1:         clamp(3.5rem,  2.6rem + 4.4vw, 6.25rem);
  --aurum-fs-hero:       clamp(4.5rem,  3.2rem + 6.8vw, 9rem);

  /* ---------- Line-heights / tracking --------------------------------- */
  --aurum-lh-tight:      1.02;
  --aurum-lh-display:    1.06;
  --aurum-lh-heading:    1.18;
  --aurum-lh-body:       1.65;

  --aurum-tr-eyebrow:    0.22em;
  --aurum-tr-display:    -0.005em;
  --aurum-tr-body:       0;

  /* ---------- Spacing scale (4px base) -------------------------------- */
  --aurum-sp-0:          0;
  --aurum-sp-1:          4px;
  --aurum-sp-2:          8px;
  --aurum-sp-3:          12px;
  --aurum-sp-4:          16px;
  --aurum-sp-5:          24px;
  --aurum-sp-6:          32px;
  --aurum-sp-7:          48px;
  --aurum-sp-8:          64px;
  --aurum-sp-9:          96px;
  --aurum-sp-10:         128px;
  --aurum-sp-11:         160px;

  /* ---------- Radii --------------------------------------------------- */
  --aurum-radius-none:   0;
  --aurum-radius-xs:     2px;
  --aurum-radius-sm:     4px;
  --aurum-radius-md:     8px;
  --aurum-radius-lg:     16px;
  --aurum-radius-pill:   999px;
  --aurum-radius-card:   2px;       /* Cards are very lightly rounded — almost square */

  /* ---------- Shadows / elevation ------------------------------------- */
  --aurum-shadow-hairline:  0 0 0 1px rgba(22,18,16,0.08);
  --aurum-shadow-card:      0 1px 2px rgba(22,18,16,0.04), 0 12px 32px -16px rgba(22,18,16,0.18);
  --aurum-shadow-pop:       0 4px 8px rgba(22,18,16,0.06), 0 32px 64px -24px rgba(22,18,16,0.28);
  --aurum-shadow-gold:      0 1px 0 rgba(255,255,255,0.4) inset, 0 1px 2px rgba(140,106,47,0.35);
  --aurum-shadow-inset:     inset 0 0 0 1px rgba(22,18,16,0.08);
  --aurum-shadow-inset-gold: inset 0 0 0 1px rgba(200,162,74,0.55);

  /* ---------- Motion --------------------------------------------------- */
  --aurum-ease:          cubic-bezier(0.22, 0.61, 0.36, 1);     /* default — confident, refined */
  --aurum-ease-soft:     cubic-bezier(0.4, 0.0, 0.2, 1);
  --aurum-dur-fast:      160ms;
  --aurum-dur:           260ms;
  --aurum-dur-slow:      520ms;

  /* ---------- Layout --------------------------------------------------- */
  --aurum-container:     1280px;
  --aurum-container-tight: 960px;
  --aurum-gutter:        clamp(20px, 4vw, 64px);
}

/* =========================================================================
   Semantic element styles — apply when used inside .aurum
   ========================================================================= */

.aurum {
  font-family: var(--aurum-font-body);
  color: var(--aurum-fg-1);
  background: var(--aurum-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01", "kern";
  font-weight: 300;
  line-height: var(--aurum-lh-body);
}

.aurum h1, .aurum .h1,
.aurum h2, .aurum .h2,
.aurum h3, .aurum .h3,
.aurum h4, .aurum .h4 {
  font-family: var(--aurum-font-display);
  font-weight: 400;
  letter-spacing: var(--aurum-tr-display);
  line-height: var(--aurum-lh-display);
  text-wrap: balance;
  margin: 0;
}

.aurum h1, .aurum .h1 { font-size: var(--aurum-fs-h1); }
.aurum h2, .aurum .h2 { font-size: var(--aurum-fs-h2); }
.aurum h3, .aurum .h3 { font-size: var(--aurum-fs-h3); line-height: var(--aurum-lh-heading); }
.aurum h4, .aurum .h4 { font-size: var(--aurum-fs-h4); line-height: var(--aurum-lh-heading); }

.aurum h5, .aurum .h5,
.aurum h6, .aurum .h6 {
  font-family: var(--aurum-font-body);
  font-weight: 500;
  letter-spacing: 0;
  margin: 0;
}
.aurum h5, .aurum .h5 { font-size: var(--aurum-fs-h5); }
.aurum h6, .aurum .h6 { font-size: var(--aurum-fs-h6); }

/* Italic accent words inside display headings */
.aurum .accent,
.aurum em.accent,
.aurum h1 em, .aurum h2 em, .aurum h3 em, .aurum h4 em {
  font-family: var(--aurum-font-accent);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* Eyebrow / Kicker — tracked small caps in sans */
.aurum .eyebrow {
  font-family: var(--aurum-font-eyebrow);
  font-size: var(--aurum-fs-eyebrow);
  font-weight: 500;
  letter-spacing: var(--aurum-tr-eyebrow);
  text-transform: uppercase;
  color: var(--aurum-fg-3);
}
.aurum .eyebrow--gold { color: var(--aurum-accent-deep); }

.aurum p { margin: 0 0 1.1em; text-wrap: pretty; }
.aurum p.lede { font-size: var(--aurum-fs-lede); color: var(--aurum-fg-2); line-height: 1.55; }
.aurum small, .aurum .meta { font-size: var(--aurum-fs-body-sm); color: var(--aurum-fg-3); }

/* Decorative hairline divider — used between sections */
.aurum .rule-hair {
  border: 0;
  border-top: 1px solid var(--aurum-rule);
  margin: 0;
}
.aurum .rule-gold {
  border: 0;
  border-top: 1px solid var(--aurum-rule-gold);
}

/* Dark surface scope */
.aurum.on-dark,
.aurum .on-dark {
  background: var(--aurum-bg-inv);
  color: var(--aurum-fg-inv-1);
}
.aurum.on-dark .eyebrow,
.aurum .on-dark .eyebrow { color: var(--aurum-fg-inv-3); }
.aurum.on-dark .eyebrow--gold,
.aurum .on-dark .eyebrow--gold { color: var(--aurum-accent); }
.aurum.on-dark p,
.aurum .on-dark p { color: var(--aurum-fg-inv-2); }