/* Super Chicken — design tokens
 *
 * Sources:
 *   Colors  ⚠️ APPROXIMATE — sampled visually from the Figma comps (per the vault
 *           Brand Guidelines). MUST be replaced with exact values from Figma
 *           Inspect/Dev Mode before this goes live. Do not treat as final.
 *   Type    ✅ Typeface NAMES verified in the Figma file (Sucrose + Clarendon).
 *           ⚠️ Both are COMMERCIAL. Web licensing is NOT yet confirmed — see
 *           the --font-* notes below. Free stand-ins are wired up for now.
 */

:root {
  /* ---- Core palette (⚠️ approximate, verify in Figma Inspect) ---- */
  --sc-gold:        #E3A93C;  /* Ají Amarillo Gold — header band, accent words */
  --sc-charcoal:    #2A1E14;  /* Charcoal Brown — footer bg, dark text, "CHICKEN" */
  --sc-rose:        #CE6E7E;  /* Pisco Rose — buttons, links, dividers */
  --sc-blue:        #44587A;  /* Andes Blue — secondary */
  --sc-walnut:      #4E4128;  /* Walnut/Olive Brown — secondary */
  --sc-cream:       #FDF7EA;  /* Maize Cream — page background */
  --sc-white:       #FFFFFF;

  /* ---- Semantic ---- */
  --bg-page:        var(--sc-cream);
  --bg-header:      var(--sc-gold);
  --bg-footer:      var(--sc-charcoal);
  --text-body:      var(--sc-charcoal);
  --text-invert:    var(--sc-cream);
  --action:         var(--sc-rose);
  --action-text:    var(--sc-white);

  --sc-gold-tint:   #F1CE86;  /* light gold tint (from the ROOST10 flyer) */

  /* ---- Typography ----
   * TARGET (per Figma): Sucrose (display) + Clarendon (body). Both COMMERCIAL;
   * web licensing not held.
   *
   * SUBSTITUTES IN USE — these are not guesses, they are the same free Google
   * fonts already shipped in this client's delivered work (the ROOST10 email
   * flyer and the $25-off Toast flyer), so the site matches what Raj has seen:
   *   Sucrose   -> Rokkitt  (chunky slab, all-caps display)
   *   Clarendon -> Domine   (Clarendon-lineage serif body)
   */
  --font-display: "Rokkitt", Rockwell, "Sucrose", serif;
  --font-body:    "Domine", Georgia, "Clarendon", serif;

  --fs-hero:      clamp(2.75rem, 8vw, 6.5rem);
  --fs-h2:        clamp(1.75rem, 4vw, 3rem);
  --fs-body:      clamp(1rem, 1.1vw, 1.125rem);

  /* ---- Layout ---- */
  --maxw:         1280px;
  --gutter:       clamp(1rem, 4vw, 3rem);
  --radius:       2px;      /* brand is boxy/ticket-like, not rounded */

  /* ---- Andean pattern trim (header zigzag / rose diamond dividers) ---- */
  --trim-height:  14px;
}

/* Ticket-style button: rose fill + dashed rose border, white all-caps label */
.sc-btn {
  display: inline-block;
  background: var(--action);
  color: var(--action-text);
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.85em 1.6em;
  border: 2px dashed color-mix(in srgb, var(--sc-white) 55%, var(--action));
  border-radius: var(--radius);
  text-decoration: none;
  line-height: 1;
}