:root {
  --primary: #13294b; --primary-light: #1f3d6e; --primary-dark: #0a1830;
  --accent: #c8102e; --accent-hover: #a40d24;
  --bg: #f5f6f8; --white: #ffffff;
  --text: #0f172a; --text-light: #5a6478;
  --border: #dde1e8; --card-bg: #ffffff;
  --radius: 4px;
}

body.palette-navy_classic { --primary: #13294b; --primary-light: #1f3d6e; --primary-dark: #0a1830; --accent: #c8102e; --accent-hover: #a40d24; }
body.palette-forest_green { --primary: #1e3a2b; --primary-light: #2d5040; --primary-dark: #122118; --accent: #d4a017; --accent-hover: #b58814; }
body.palette-charcoal_mono { --primary: #1a1a1a; --primary-light: #333333; --primary-dark: #0a0a0a; --accent: #e63946; --accent-hover: #c52d39; }
body.palette-earth_terra { --primary: #6b3e2e; --primary-light: #8b5641; --primary-dark: #3e2419; --accent: #d97742; --accent-hover: #b85f33; --bg: #faf5ed; }
body.palette-steel_blue { --primary: #1f4e79; --primary-light: #2e6ba8; --primary-dark: #133657; --accent: #f57c00; --accent-hover: #d96b00; }
body.palette-sand_modern { --primary: #2c2416; --primary-light: #4a3d27; --primary-dark: #1a1409; --accent: #b8762d; --accent-hover: #966019; --bg: #f4ede0; }
body.palette-deep_red { --primary: #5c0d12; --primary-light: #7a1820; --primary-dark: #3a0509; --accent: #d4af37; --accent-hover: #b89530; }
body.palette-ocean_teal { --primary: #134e5e; --primary-light: #2a7585; --primary-dark: #0a3641; --accent: #ff6b6b; --accent-hover: #e85555; }
body.palette-slate_purple { --primary: #2e2547; --primary-light: #423567; --primary-dark: #1a1530; --accent: #c4923c; --accent-hover: #a87a2a; }
body.palette-cream_indigo { --primary: #1a237e; --primary-light: #2a3590; --primary-dark: #0d1652; --accent: #ffa726; --accent-hover: #f59100; --bg: #fdf8f0; }
body.palette-industrial { --primary: #1f1f1f; --primary-light: #3a3a3a; --primary-dark: #0a0a0a; --accent: #ff6b1a; --accent-hover: #e55a0d; }
body.palette-luxe { --primary: #0d2447; --primary-light: #1a3866; --primary-dark: #0a1d3d; --accent: #b8924a; --accent-hover: #9a7a3a; --bg: #f8f6f1; }
body.palette-cyber_dark { --primary: #0a0e1a; --primary-light: #1a2238; --primary-dark: #050810; --accent: #00d4ff; --accent-hover: #00b8e0; --bg: #0a0e1a; --text: #e6edf3; --text-light: #8b95a5; }