/* AM2PM theme spec v0.1 — from brand book (AM2PM series) + Soul Sundays flyer reference */
:root {
  /* Brand palette (brand book 1.3) */
  --carrot:   #EF9436;  /* primary warm / big flat bands */
  --melon:    #E73E4D;  /* CTA + hot accent */
  --sky:      #59C1DB;  /* squiggles, links */
  --sapphire: #004CC7;  /* deep accent, hover */
  --mauve:    #D27AEA;  /* sparing pop */
  --floral:   #FFFBF3;  /* paper / page bg */
  --shadow:   #141325;  /* ink: text, sticker outlines, dark sections */

  /* Roles */
  --bg:        var(--floral);
  --bg-dark:   var(--shadow);
  --ink:       var(--shadow);
  --cta:       var(--melon);      /* Tickets buttons: white text on melon */
  --cta-ink:   #fff;
  --cta-hover: var(--sapphire);
  --band:      var(--carrot);
  --gradient:  linear-gradient(120deg, var(--carrot) 0%, var(--melon) 35%, var(--mauve) 60%, var(--sky) 80%, var(--sapphire) 100%); /* brand gradient, use sparingly */

  /* Status chips */
  --on-sale: #1f9d55; --low: var(--carrot); --sold-out: var(--shadow); --waitlist: var(--mauve);

  /* Type (display = brand fonts; web fallbacks until font files supplied) */
  --font-display: "Podium Soft", "Bowlby One", "Rubik", system-ui, sans-serif; /* headlines, AM / 2 / PM */
  --font-accent:  "Fat Black", "Bowlby One", "Rubik", sans-serif;               /* labels, dates, chips */
  --font-body:    "Satoshi", "Inter", system-ui, sans-serif;                    /* body, forms */
  --font-hand:    "Gochi Hand", "Caveat Brush", cursive;                        /* flyer scrawl taglines only */

  /* Flyer devices */
  --sticker-stroke: 6px solid var(--shadow);  /* thick outline round hero title/logo */
  --radius-tag: 14px 22px 12px 20px / 20px 12px 22px 14px; /* torn-paper label shape (use clip-path/SVG for real tear) */
  --halftone: radial-gradient(var(--shadow) 1.4px, transparent 1.6px) 0 0 / 9px 9px; /* dot paper, ~12% opacity on --floral */
  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='.35'/></svg>"); /* overlay ~8% */
}

/* Hero recipe: halftone-dot floral paper on top, torn carrot band underneath (mountain edge),
   sky/mauve squiggle ribbons at 60% opacity behind the title, doodle icons (sun, cassette, bolt, martini). */
.hero { background: var(--halftone), var(--bg); }
.hero::after { content:""; position:absolute; inset:0; background: var(--grain); mix-blend-mode: multiply; opacity:.08; pointer-events:none; }