/* ============================================================
   PHOTOBOOTH GOA — Dark theme token overrides for inner pages
   Load AFTER the _ds color tokens (and after pbg-dark.css).
   Redefines the light design tokens to the dark / champagne-gold
   palette so all existing token-driven content adapts automatically.
   ============================================================ */
:root {
  /* ---- Base neutrals flipped to dark ---- */
  --ink-900: #F5F0E8;   /* was near-black -> now primary heading/text (ivory) */
  --ink-800: #141414;
  --ink-700: #1E1E1E;
  --ink-600: #2A2A2A;
  --ink-400: #8F8A83;
  --ink-300: #6A6A6A;

  --cream-50: #0A0A0A;  /* page background */
  --cream-100: #141414; /* muted section surface */
  --sand-200: #201F1D;  /* subtle divider */
  --sand-300: #2A2A2A;  /* stronger border */
  --white: #1A1A1A;     /* card surface (was pure white) */

  /* ---- Accent: champagne gold (was coral) ---- */
  --coral-50:  rgba(201,169,110,0.12);
  --coral-100: rgba(201,169,110,0.28);
  --coral-300: #D4B87A;
  --coral-500: #C9A96E;
  --coral-600: #D4B87A;
  --coral-700: #A88B52;

  /* ---- Semantic aliases re-pinned (decouples overloaded tokens) ---- */
  --bg-page: #0A0A0A;
  --surface-card: #1A1A1A;
  --surface-muted: #121212;
  --surface-sand: #1C1C1C;
  --surface-dark: #000000;

  --text-strong: #F5F0E8;
  --text-body: #B9B2A8;
  --text-muted: #8A8A8A;
  --text-on-accent: #0A0A0A;   /* text sitting on gold */
  --text-on-dark: #F5F0E8;     /* stays light */
  --text-on-dark-muted: #999999;

  --accent: #C9A96E;
  --accent-hover: #D4B87A;
  --accent-soft: rgba(201,169,110,0.12);
  --accent-contrast: #0A0A0A;
  --highlight-teal: #C9A96E;
  --highlight-gold: #D4B87A;

  --border-subtle: rgba(201,169,110,0.12);
  --border-default: rgba(201,169,110,0.20);
  --border-strong: rgba(245,240,232,0.55);
  --border-on-dark: #2A2A2A;

  --ring: #C9A96E;

  /* ---- Brand fonts (also flips the x-dc component pages) ---- */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Sora', 'Helvetica Neue', sans-serif;

  /* ---- Soften light-theme shadows for dark ---- */
  --shadow-sm: 0 2px 10px rgba(0,0,0,0.45);
  --shadow-md: 0 20px 50px rgba(0,0,0,0.55);
  --shadow-lg: 0 40px 90px rgba(0,0,0,0.6);
  --shadow-coral: 0 12px 32px rgba(201,169,110,0.20);
}

/* Prose readability on dark */
.pbg-prose p, .pbg-prose li { color: var(--text-body); }
.pbg-prose h2, .pbg-prose h3, .pbg-prose .lead { color: var(--ivory, #F5F0E8); }
.pbg-prose a { color: var(--accent); }

/* Any leftover hard white backgrounds inside content -> dark card */
[style*="background:#fff"], [style*="background:#ffffff"], [style*="background:white"] {
  background: var(--surface-card) !important;
}

/* Neutralise the hardcoded light chrome on the x-dc component pages
   (fixed header bar + full-screen menu) so they match the dark theme */
header[style*="rgba(255,248,240"] {
  background: rgba(10,10,10,0.82) !important;
  border-bottom: 1px solid rgba(201,169,110,0.12) !important;
}