/* ============================================================
   Kayut Companiya — 4 Color Themes
   navy / caribbean / copper / beer
   ============================================================ */

/* ---------- Theme 1: NAVY (maritime elegance, dark) ---------- */
:root,
[data-theme="navy"] {
  --bg: #0a1929;
  --bg-2: #0e2138;
  --surface: #142a44;
  --surface-2: #1c3656;
  --surface-3: #243f63;
  --text: #eaf1fa;
  --text-muted: #a6bccf;
  --text-dim: #7d92a8;
  --primary: #2a5a8c;
  --primary-hover: #1d4170;
  --accent: #d4a574;
  --accent-hover: #c2935f;
  --accent-text: #0a1929;
  --border: #2a4868;
  --border-soft: #1a3050;
  --shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
  --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.3);
  --glow: 0 0 24px rgba(212, 165, 116, 0.25);
  --hero-overlay: linear-gradient(180deg, rgba(10, 25, 41, 0.35) 0%, rgba(10, 25, 41, 0.85) 100%);
  --scheme: dark;
}

/* ---------- Theme 2: CARIBBEAN PIRATES (tropical adventure, dark) ---------- */
[data-theme="caribbean"] {
  --bg: #0d1f2d;
  --bg-2: #0a2538;
  --surface: #163245;
  --surface-2: #1e4258;
  --surface-3: #2a5566;
  --text: #f4e9d8;
  --text-muted: #c9b596;
  --text-dim: #8a7a5f;
  --primary: #1c5d6e;
  --primary-hover: #144954;
  --accent: #d4af37;
  --accent-hover: #b8952c;
  --accent-text: #1a1a1a;
  --danger: #c0392b;
  --border: #2e5066;
  --border-soft: #1f3d52;
  --shadow: 0 6px 24px rgba(0, 0, 0, 0.5);
  --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.35);
  --glow: 0 0 24px rgba(212, 175, 55, 0.3);
  --hero-overlay: linear-gradient(180deg, rgba(13, 31, 45, 0.4) 0%, rgba(13, 31, 45, 0.88) 100%);
  --scheme: dark;
}

/* ---------- Theme 3: OLD COPPER (vintage industrial, light) ---------- */
[data-theme="copper"] {
  --bg: #f5efe0;
  --bg-2: #ebe2cf;
  --surface: #ffffff;
  --surface-2: #f0e7d4;
  --surface-3: #e3d5b8;
  --text: #2c2419;
  --text-muted: #6b5a44;
  --text-dim: #95836a;
  --primary: #3a5a3a;
  --primary-hover: #2a4530;
  --accent: #b87333;
  --accent-hover: #9c5e26;
  --accent-text: #ffffff;
  --danger: #a04030;
  --border: #d4c4a3;
  --border-soft: #e3d6b8;
  --shadow: 0 6px 24px rgba(120, 90, 50, 0.15);
  --shadow-soft: 0 2px 8px rgba(120, 90, 50, 0.1);
  --glow: 0 0 24px rgba(184, 115, 51, 0.3);
  --hero-overlay: linear-gradient(180deg, rgba(245, 239, 224, 0.1) 0%, rgba(245, 239, 224, 0.95) 100%);
  --scheme: light;
}

/* ---------- Theme 4: LAGER & DARK BEER (pub warmth, light) ---------- */
[data-theme="beer"] {
  --bg: #faf3e8;
  --bg-2: #f0e4d0;
  --surface: #ffffff;
  --surface-2: #f4ead4;
  --surface-3: #e3d3b5;
  --text: #2a1810;
  --text-muted: #6b5436;
  --text-dim: #9b8262;
  --primary: #3d2817;
  --primary-hover: #2a1a0e;
  --accent: #d4a017;
  --accent-hover: #b8860b;
  --accent-text: #1a1a1a;
  --danger: #8b3a1f;
  --border: #c9b891;
  --border-soft: #d9c9a3;
  --shadow: 0 6px 24px rgba(80, 50, 20, 0.18);
  --shadow-soft: 0 2px 8px rgba(80, 50, 20, 0.1);
  --glow: 0 0 24px rgba(212, 160, 23, 0.35);
  --hero-overlay: linear-gradient(180deg, rgba(250, 243, 232, 0.1) 0%, rgba(250, 243, 232, 0.92) 100%);
  --scheme: light;
}

/* ---------- Theme meta (for JS theme switcher UI) ---------- */
:root {
  --theme-navy-color: #2a5a8c;
  --theme-caribbean-color: #1c5d6e;
  --theme-copper-color: #b87333;
  --theme-beer-color: #d4a017;
}