/* ============================================================
   DEFAULT THEME (fallback) — Gringo: Golden Hour
   These values mirror themes/gringo-sunset.json.
   They apply instantly on load and whenever a JSON theme
   can't be fetched. The active theme from config.js
   overrides everything here.
   ============================================================ */
:root {
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-body: 'Nunito Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --ink: #332b25;
  --ink-soft: rgba(51, 43, 37, 0.74);
  --ink-faint: rgba(51, 43, 37, 0.56);

  --accent: #d98e4a;
  --accent-deep: #b0642c;
  --gold: #cf9d4e;
  --gold-line: rgba(207, 157, 78, 0.5);

  --bg-base: linear-gradient(180deg, #fdf9f1 0%, #faf1e3 55%, #f7ede1 100%);
  --glow-a: rgba(240, 196, 138, 0.45);
  --glow-b: rgba(228, 156, 118, 0.28);
  --glow-c: rgba(246, 220, 170, 0.32);
  --stars-opacity: 0.42;

  --card: rgba(255, 253, 248, 0.84);
  --card-2: rgba(255, 253, 248, 0.62);
  --line: rgba(96, 74, 50, 0.14);
  --shadow: 0 18px 50px rgba(120, 84, 48, 0.13);
  --shadow-soft: 0 10px 26px rgba(120, 84, 48, 0.08);

  --chip-bg: rgba(255, 252, 245, 0.6);
  --chip-active: rgba(255, 253, 248, 0.95);
  --seal-bg: rgba(255, 251, 242, 0.68);
  --letter-bg: linear-gradient(135deg, rgba(217, 142, 74, 0.12), rgba(207, 157, 78, 0.10));
  --photo-fallback: linear-gradient(135deg, rgba(240, 196, 138, 0.4), rgba(228, 156, 118, 0.3));
  --frame-line: rgba(255, 252, 244, 0.65);
}