/* Shared homepage palette; video surfaces inherit the same light/dark colors. */
:root {
  color-scheme: light;
  --cp-night: #102b29;
  --cp-mist: #d2e7e0;
  --cp-cream: #f6f5e9;
  --cp-bg: #f7f8f5;
  --cp-bg-elevated: #e9eee7;
  --cp-surface: #ffffff;
  --cp-surface-soft: #f1f4ef;
  --cp-border: #d9e0d8;
  --cp-border-strong: #7d9084;
  --cp-text: #20332e;
  --cp-text-muted: #58695f;
  --cp-text-soft: #66766d;
  --cp-accent: #245b4b;
  --cp-accent-hover: #194737;
  --cp-accent-soft: #e9f0e9;
  --cp-accent-fg: #ffffff;
  --cp-success: #16a34a;
  --cp-danger: #dc2626;
  --cp-danger-soft: rgba(220, 38, 38, 0.08);
  --cp-warning: #f59e0b;
  --cp-link: #245b4b;
  --cp-shadow: 0 18px 48px rgba(28, 49, 37, 0.12);
  --cp-overlay: rgba(255, 255, 255, 0.8);
  --cp-panel: rgba(255, 255, 255, 0.86);
  --cp-panel-strong: rgba(255, 255, 255, 0.96);
  --cp-sheen: rgba(255, 255, 255, 0.55);
  --cp-highlight: rgba(36, 91, 75, 0.12);
  --cp-map-land: #a4bda9;
  --cp-map-empty: #d0d9cf;
  --cp-map-border: #476550;
  --cp-map-hover: #bfd6c1;
  --cp-map-selected-border: #173c2d;
  --cp-map-label: #1d3d29;
  --cp-map-label-halo: #e5ede4;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --cp-bg: #19251f;
  --cp-bg-elevated: #213027;
  --cp-surface: #24332b;
  --cp-surface-soft: #2b3c31;
  --cp-border: #405548;
  --cp-border-strong: #7d9685;
  --cp-text: #eef3eb;
  --cp-text-muted: #b9c8bc;
  --cp-text-soft: #c7d2c8;
  --cp-accent: #aed6b8;
  --cp-accent-hover: #c5e4ca;
  --cp-accent-soft: #2f4738;
  --cp-accent-fg: #183124;
  --cp-success: #4ade80;
  --cp-danger: #f87171;
  --cp-danger-soft: rgba(248, 113, 113, 0.09);
  --cp-warning: #fbbf24;
  --cp-link: #aed6b8;
  --cp-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
  --cp-overlay: rgba(25, 37, 31, 0.88);
  --cp-panel: rgba(25, 37, 31, 0.72);
  --cp-panel-strong: rgba(25, 37, 31, 0.96);
  --cp-sheen: rgba(255, 255, 255, 0.04);
  --cp-highlight: rgba(174, 214, 184, 0.12);
  --cp-map-land: #70917b;
  --cp-map-empty: #496550;
  --cp-map-border: #e4eee3;
  --cp-map-hover: #91b199;
  --cp-map-selected-border: #e9f4e9;
  --cp-map-label: #14291d;
  --cp-map-label-halo: #d7e4d8;
}