/* ============================================================================
   DOLCE AMORE — Gelateria e Caffè
   Design tokens · single source of truth
   Palette sampled directly from the logo (cream #FCF2E6, antique gold ~#876945)
   ============================================================================ */

:root {
  /* --- Core neutrals: warm ivory & cream ------------------------------------ */
  --da-ivory:        #FBF1E4;  /* page background — the logo's field, a touch deeper */
  --da-cream:        #FCF2E6;  /* exact logo background */
  --da-cream-raised: #FFFBF3;  /* cards / raised surfaces */
  --da-parchment:    #F4E8D4;  /* subtle banding / alt sections */
  --da-line:         #E7D9C1;  /* hairline borders on cream */

  /* --- Brand gold / bronze -------------------------------------------------- */
  --da-gold:         #9A7A43;  /* primary brand gold (legible as accent) */
  --da-gold-bright:  #B79355;  /* highlight / gradient top */
  --da-gold-deep:    #7C6136;  /* hover / pressed */
  --da-bronze:       #5A4426;  /* deep bronze, dark-on-cream headings alt */

  /* --- Ink (warm near-blacks) ---------------------------------------------- */
  --da-espresso:     #33271A;  /* primary ink */
  --da-espresso-90:  #40311F;
  --da-coffee:       #6B5945;  /* muted body copy on cream */
  --da-mist:         #8C7B64;  /* captions / meta */

  /* --- Gelato accent flavours (used sparingly: tags, dots, flourishes) ------ */
  --da-pistachio:    #8A9A5B;
  --da-pistachio-dk: #6E7E45;
  --da-amarena:      #B65068;  /* cherry / berry rose */
  --da-caramel:      #B47C44;
  --da-cioccolato:   #4A2F20;
  --da-fiordilatte:  #F3E9D2;

  /* --- Signature gradients -------------------------------------------------- */
  --da-grad-gold:  linear-gradient(135deg, #B79355 0%, #9A7A43 45%, #7C6136 100%);
  --da-grad-cream: linear-gradient(180deg, #FFFBF3 0%, #FBF1E4 100%);
  --da-grad-scrim: linear-gradient(180deg, rgba(24,17,9,0) 0%, rgba(24,17,9,.55) 70%, rgba(24,17,9,.82) 100%);

  /* --- Typography ----------------------------------------------------------- */
  --da-serif:  "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --da-script: "Pinyon Script", "Snell Roundhand", cursive;
  --da-sans:   "Jost", "Futura", "Century Gothic", system-ui, -apple-system, sans-serif;

  --da-tracking-label: 0.28em;   /* GELATERIA E CAFFÈ caps */
  --da-tracking-wide:  0.14em;
  --da-tracking-tight: -0.01em;

  /* Fluid type scale (clamp: min / vw / max) */
  --fs-display: clamp(3.2rem, 9vw, 8.5rem);
  --fs-h1:      clamp(2.4rem, 5.5vw, 4.5rem);
  --fs-h2:      clamp(1.9rem, 3.6vw, 3rem);
  --fs-h3:      clamp(1.35rem, 2vw, 1.75rem);
  --fs-lead:    clamp(1.05rem, 1.5vw, 1.3rem);
  --fs-body:    clamp(1rem, 1.1vw, 1.075rem);
  --fs-label:   0.78rem;

  /* --- Spacing & layout ----------------------------------------------------- */
  --space-section: clamp(5rem, 12vw, 10rem);
  --gutter:        clamp(1.25rem, 5vw, 4rem);
  --maxw:          1280px;
  --maxw-prose:    62ch;
  --radius:        4px;      /* the brand is refined, not bubbly — tight radii */
  --radius-lg:     10px;
  --radius-pill:   999px;

  /* --- Elevation (warm-tinted shadows) ------------------------------------- */
  --shadow-sm: 0 1px 2px rgba(51,39,26,.06), 0 2px 8px rgba(51,39,26,.05);
  --shadow-md: 0 8px 24px rgba(51,39,26,.10), 0 2px 8px rgba(51,39,26,.06);
  --shadow-lg: 0 24px 60px rgba(51,39,26,.16), 0 8px 24px rgba(51,39,26,.08);
  --shadow-gold: 0 12px 40px rgba(122,97,54,.28);

  /* --- Motion --------------------------------------------------------------- */
  --ease-lux:   cubic-bezier(0.22, 1, 0.36, 1);   /* slow, expensive out-glide */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-back:  cubic-bezier(0.34, 1.56, 0.64, 1); /* gentle overshoot */
  --dur-fast:   .35s;
  --dur-med:    .7s;
  --dur-slow:   1.1s;
}