/* DirtbagRoutes design tokens — the "dark-glass" palette lifted from the Maps
   explore theme (theme-dark-explore.css), re-scoped to :root so it's global.

   NOTE: the route creator (creator.css) ships its own --rc-* variables; these
   --xp-* tokens are a foundation/seed for FUTURE components (the events rail,
   a restyled auth modal). Defining them here changes nothing visually today.
   Values are WCAG-annotated; keep the contrast notes if you build on them. */
:root {
  /* ---- Surface ramp · warm espresso-stone ---- */
  --xp-ink-void:   #100d0a;
  --xp-ink-base:   #16130f;   /* opaque fallback / image bg */
  --xp-ink-raised: #1d1812;
  --xp-surface-0:  rgba(16, 13, 10, 0.62);  /* full-bleed backdrop behind overlays */
  --xp-surface-1:  rgba(26, 22, 17, 0.72);  /* PRIMARY chrome: drawer, cards */
  --xp-surface-2:  rgba(33, 28, 22, 0.80);  /* raised: filter card, stat tiles */
  --xp-surface-3:  rgba(42, 36, 29, 0.86);  /* sticky subnav, control clusters */
  --xp-surface-4:  rgba(52, 45, 37, 0.92);  /* popups/tooltips */
  --xp-fill-1: rgba(255, 248, 240, 0.055);  /* additive-white control fill */
  --xp-fill-2: rgba(255, 248, 240, 0.10);   /* hover */
  --xp-fill-3: rgba(255, 248, 240, 0.16);   /* pressed/selected */

  /* ---- Glass ---- */
  --xp-glass-blur:      blur(16px) saturate(118%);
  --xp-glass-highlight: inset 0 1px 0 rgba(255, 248, 240, 0.07);

  /* ---- Text · warm cream-white (NOT #fff) ---- */
  --xp-text-1: rgba(252, 248, 242, 0.96);   /* titles/body          ~15:1 */
  --xp-text-2: rgba(252, 248, 242, 0.74);   /* secondary            ~9:1 */
  --xp-text-3: rgba(252, 248, 242, 0.60);   /* labels — AA FLOOR    ~6.9:1 */
  --xp-text-4: rgba(252, 248, 242, 0.38);   /* disabled/decorative ONLY */

  /* ---- Accents · split fill vs foreground ---- */
  --xp-terracotta:        #d2774f;   /* FOREGROUND on dark only       5.4:1 */
  --xp-terracotta-strong: #e08a63;   /* FG over the busiest glass      6.7:1 */
  --xp-terracotta-fill:   #b85c3c;   /* FILL behind white text  4.53:1 — do NOT brighten */
  --xp-terracotta-press:  #9a4a2e;
  --xp-terracotta-soft:   rgba(184, 92, 60, 0.18);
  --xp-sage:        #9bbf82;          /* FG                            8.5:1 */
  --xp-sage-fill:   #6f9156;
  --xp-sage-soft:   rgba(123, 153, 102, 0.18);

  /* ---- Borders + shadows ---- */
  --xp-border-1: rgba(255, 248, 240, 0.10);
  --xp-border-2: rgba(255, 248, 240, 0.16);
  --xp-border-strong: rgba(255, 248, 240, 0.24);
  --xp-divider:  rgba(255, 248, 240, 0.08);
  --xp-shadow-1: 0 2px 8px rgba(0, 0, 0, 0.40);
  --xp-shadow-2: 0 8px 28px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.35);
  --xp-shadow-3: 0 18px 48px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(0, 0, 0, 0.40);

  /* ---- Focus "headlamp" + scrim floor ---- */
  --xp-focus-core: #ffd27a;
  --xp-focus-halo: rgba(8, 6, 4, 0.92);
  --xp-scrim-floor: 0.66;

  /* ---- Radii ---- */
  --xp-radius-md: 14px;
  --xp-radius-lg: 18px;
}