/* =====================================================================
   DESIGN TOKENS — Sánchez Medical Clinic
   This is the primary FORK POINT. To rebrand for a new clinic
   (e.g. Jennifer Suris), most changes happen right here.
   Brand values confirmed from "Guía básica de color logo SCM.pdf"
   and Alejandra's social feed.
   ===================================================================== */

:root {
  /* ---- Brand core ---- */
  --gold:        #B8992B;   /* dorado */
  --gold-light:  #E3D093;   /* champán (gradient end) */
  --gold-deep:   #8A7220;   /* darker gold for text on light */
  --teal:        #69C0AF;   /* turquesa */
  --teal-deep:   #3F9686;   /* accessible teal for text/links */
  --teal-ink:    #275F55;   /* deepest teal */

  /* ---- Warm neutrals ---- */
  --cream:    #FBF7EE;   /* page base */
  --cream-2:  #F5EDDD;   /* alt section */
  --sand:     #EFE5D0;   /* card tint */
  --ink:      #2A2823;   /* warm near-black text */
  --ink-soft: #5C564B;   /* secondary text */
  --line:     #E7DCC6;   /* hairlines */
  --white:    #FFFFFF;

  /* ---- Signature gradients ---- */
  --grad-gold:  linear-gradient(135deg, #E3D093 0%, #C8A638 48%, #B8992B 100%);
  --grad-warm:  linear-gradient(165deg, #FBF7EE 0%, #F2E8D4 100%);
  --grad-teal:  linear-gradient(135deg, #7FCDBD 0%, #4FA493 100%);
  --scrim-hero: linear-gradient(180deg, rgba(42,40,35,.36) 0%, rgba(42,40,35,.06) 26%, rgba(42,40,35,.14) 46%, rgba(46,38,16,.56) 73%, rgba(120,98,30,.62) 100%);
  /* warm wash placed over studio photos so they read on-brand, like the feed */
  --wash-photo: linear-gradient(160deg, rgba(227,208,147,.20) 0%, rgba(184,153,43,.32) 100%);

  /* ---- Type ---- */
  --font-display: "Outfit", system-ui, -apple-system, sans-serif;
  --font-body:    "Mulish", system-ui, -apple-system, sans-serif;

  /* Fluid type scale */
  --fs-eyebrow: clamp(.72rem, .68rem + .2vw, .82rem);
  --fs-body:    clamp(1rem, .96rem + .25vw, 1.12rem);
  --fs-lead:    clamp(1.12rem, 1rem + .6vw, 1.4rem);
  --fs-h3:      clamp(1.25rem, 1.1rem + .8vw, 1.6rem);
  --fs-h2:      clamp(2rem, 1.5rem + 2.4vw, 3.4rem);
  --fs-display: clamp(2.6rem, 1.7rem + 4.2vw, 5rem);

  --lh-tight: 1.04;
  --lh-snug:  1.18;
  --lh-body:  1.62;

  /* ---- Geometry ---- */
  --radius-sm:   14px;
  --radius:      24px;
  --radius-lg:   34px;
  --radius-xl:   46px;
  --radius-pill: 999px;

  /* ---- Spacing rhythm ---- */
  --space-section: clamp(5rem, 3.5rem + 7vw, 9rem);
  --container:     1200px;
  --gutter:        clamp(1.25rem, .8rem + 2vw, 2.5rem);

  /* ---- Elevation ---- */
  --shadow-sm:   0 6px 18px -10px rgba(80,60,10,.28);
  --shadow-card: 0 32px 64px -28px rgba(80,60,10,.30);
  --shadow-lift: 0 44px 90px -36px rgba(80,60,10,.40);

  /* ---- Motion ---- */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur:  .7s;
}