/* ─────────────────────────────────────────────────────────────────────────
   SideQuestr — color palette (Sendit warm light-mode)
   SINGLE SOURCE OF TRUTH for every color used anywhere on this site.
   No raw hex values live outside this file. All other stylesheets
   reference tokens via var(--name). To reskin the site, edit only this
   file. Alpha/overlay variants of palette colors are also defined here.

   Identity: Cream Canvas base · Molten + Sunbeam warm heroes · Glacier Sky
   cool foil · Espresso warm ink. Mirrors SideQuestr/Utilities/AppPalette.swift.
   Category pins use the bold-rainbow family system (core = ramp[2]).
   ──────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Backgrounds ─────────────────────────────────────────────────────── */
  --bg-page:        #FFFBF5; /* Cream Canvas */
  --bg-surface:     #F5F1EB; /* Surface lift */
  --bg-card:        #EBE7E1; /* Card / elevated */
  --bg-card-elev:   #E3DED6; /* Next step up from card */

  /* ── Text ────────────────────────────────────────────────────────────── */
  --text-primary:   #1B1714; /* Espresso near-black */
  --text-secondary: #5F5B57; /* Espresso composited */
  --text-tertiary:  #98948F; /* Espresso composited lighter */
  --text-on-accent: #FFFBF5; /* Cream ink on Molten for high contrast */

  /* ── Accents ─────────────────────────────────────────────────────────── */
  --accent-primary:        #FF3F00;       /* Molten — primary CTA */
  --accent-primary-hover:  #CC3200;       /* Molten ~20% darker */
  --accent-secondary:      #0EA5E9;       /* Coastal / fitness core — cool foil, reads on cream */
  --accent-warm:           #FF9E1F;       /* Sunbeam — warm variant */
  --accent-danger:         #E63946;       /* Crimson, distinct from Molten */

  /* ── Category pin colors (bold-rainbow — core = ramp[2] from AppPalette) */
  --cat-nature:    #22A54A; /* forest green */
  --cat-food:      #C94941; /* brick-red */
  --cat-nightlife: #7B3FF2; /* neon violet */
  --cat-culture:   #F5B800; /* artisan gold */
  --cat-adventure: #F97316; /* trail orange */
  --cat-coastal:   #0EA5E9; /* sport cyan (same as fitness core) */
  --cat-shopping:  #EC4899; /* hot pink */
  --cat-utility:   #3B3FCF; /* wayfinding indigo */
  --cat-fitness:   #0EA5E9; /* sport cyan */
  --cat-default:   #6B7280; /* slate fallback */

  /* ── Derived / alpha overlays (never inline these elsewhere) ─────────── */
  --border-subtle:       rgba(27, 23, 20, 0.08);
  --border-strong:       rgba(27, 23, 20, 0.14);

  --accent-primary-40:   rgba(255, 63, 0, 0.40);
  --accent-primary-28:   rgba(255, 63, 0, 0.28);
  --accent-primary-18:   rgba(255, 63, 0, 0.18);
  --accent-primary-10:   rgba(255, 63, 0, 0.10);
  --accent-secondary-35: rgba(14, 165, 233, 0.35);
  --accent-secondary-18: rgba(14, 165, 233, 0.18);

  --shadow-card:    0 2px 6px rgba(27, 23, 20, 0.08);
  --shadow-soft:    0 12px 28px rgba(27, 23, 20, 0.12);
  --shadow-deep:    0 24px 64px rgba(27, 23, 20, 0.18);

  --glow-primary:    0 0 12px rgba(255, 63, 0, 0.35);
  --glow-primary-lg: 0 0 40px rgba(255, 63, 0, 0.40);
  --glow-secondary:  0 0 16px rgba(255, 158, 31, 0.40); /* Sunbeam glow */

  --bg-page-85:     rgba(255, 251, 245, 0.85);
  --bg-card-60:     rgba(235, 231, 225, 0.70);
  --overlay-ink-40: rgba(27, 23, 20, 0.40); /* Espresso scrim */

  /* Per-category pin glow alphas (used by map-pin decoration) */
  --cat-nature-30:    rgba(34, 165, 74, 0.30);
  --cat-food-30:      rgba(201, 73, 65, 0.30);
  --cat-nightlife-30: rgba(123, 63, 242, 0.30);
  --cat-culture-30:   rgba(245, 184, 0, 0.30);
  --cat-adventure-30: rgba(249, 115, 22, 0.30);
  --cat-coastal-30:   rgba(14, 165, 233, 0.30);
  --cat-shopping-30:  rgba(236, 72, 153, 0.30);
  --cat-utility-30:   rgba(59, 63, 207, 0.30);
}