/* =====================================================================
 * Theme "Retro" – zugleich die Basiswerte aller Variablen.
 * Wird immer geladen; weitere Themes ueberschreiben selektiv per
 * html[data-skin="…"]. Orbitron/Rowdies, Orange/Gold/Teal auf Aubergine.
 * ===================================================================== */
:root {
  /* --- Theme-Grundlagen (Skin "retro" = Standardwerte hier) --- */
  --ps-orange-rgb: 226,112,58;  --ps-gold-rgb: 230,177,62;   --ps-teal-rgb: 60,143,124;
  --ps-violet-rgb: 122,61,240;  --ps-ink-rgb: 27,18,48;      --ps-paper-rgb: 239,230,208;
  --ps-rust-rgb: 168,65,42;     --ps-on-gold-rgb: 36,18,3;
  --ps-bg-deep: #17120f;        /* tiefster Landing-Hintergrund */
  --ps-on-gold: #241203;        /* Text auf Gold/Orange-Flaechen */
  --ps-hero-grad: radial-gradient(1200px 600px at 80% 10%, rgba(122,61,240,.28), transparent 60%), linear-gradient(180deg, #1b1230 0%, #17120f 100%);
  --font-display: 'Orbitron', system-ui, sans-serif;
  --font-wordmark: 'Rowdies', system-ui, sans-serif;
  --font-serif: 'Rozha One', Georgia, serif;
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --radius-lg: 16px;
  --ps-ink: #1b1230; --ps-paper: #efe6d0; --ps-orange: #e2703a; --ps-gold: #e6b13e;
  --ps-teal: #3c8f7c; --ps-violet: #7a3df0; --ps-rust: #a8412a;
  --ps-ink2: #241640; --ps-paper2: #e4d7ba; --ps-cream-soft: rgba(239,230,208,.72);
  --bg: #f2e9d7;
  --surface: #fffaf0;
  --surface-soft: #f0e6d2;
  --text: #2a1c10;
  --text-soft: #6b5a44;
  --primary: #cf6b3a;
  --primary-dark: #b5562a;
  --primary-soft: #f6e6d8;
  --accent: #c8891f;
  --accent-soft: #f6ecd4;
  --border: #e6d8bf;
  --bar: #fff7ea;
  --page-grad: linear-gradient(180deg, #f5edda 0%, #ecdfc6 45%, #ddcaa6 100%);
  --danger: #c62828;
  --danger-soft: #fdeaea;
  --ok: #1e7d54;
  --ok-soft: #e6f5ee;
  --warn: #9a6700;
  --warn-soft: #fff6e0;
  --shadow: 0 1px 2px rgba(24, 24, 31, .06), 0 8px 24px rgba(36, 26, 18, .08);
  --radius: 14px;
}

html[data-theme="dark"] {
  --bg: #1c120c;
  --surface: #2c1e14;
  --surface-soft: #3a2819;
  --text: #efe6d0;
  --text-soft: #b7a892;
  --primary: #cf6b3a;
  --primary-dark: #b5562a;
  --primary-soft: #3a2016;
  --accent: #e6b13e;
  --accent-soft: #33291a;
  --border: #4a3320;
  --bar: #241811;
  --page-grad: linear-gradient(180deg, #3a2417 0%, #2b1c12 38%, #1c120c 72%, #130c08 100%);
  --danger: #ff8a8a;
  --danger-soft: #3a2222;
  --ok: #6fd6a6;
  --ok-soft: #1d3329;
  --warn: #f0c05a;
  --warn-soft: #362d17;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .4);
}