:root {
  color-scheme: dark;
  --bg: #2c2c2c;
  --bg-soft: #383838;
  --card: #3b3b3b;
  --text: #ebeaea;
  --muted: #a8a39f;
  --accent: #f97316;
  --accent-dark: #c2410c;
  --camo-accent-color: #f97316;
  --camo-accent-enabled: 0;
  --camo-accent-chance: 0.001;
  --camo-pixel-shape: circle;
  --flag-style: camo;
  --flag-camo-image: url('/assets/img/usa-flag-camo.svg');
  --flag-image: var(--flag-camo-image);
  --flag-filter: brightness(1.5);
  --logo-filter: brightness(0) invert(1);
  --camo-shade-1: #151515;
  --camo-shade-2: #1f1d1b;
  --camo-shade-3: #2a2623;
  --camo-shade-4: #352f2b;
  --camo-shade-5: #413a35;
  --camo-shade-6: #4b443f;
  --camo-shade-7: #5a534b;
  --border: #414141;
  --header-bg: rgba(51, 51, 51, 0.94);
  --footer-overlay: rgba(45, 45, 45, 0.85);
  --max-width: 1140px;
  --radius: 6px;
  --shadow: 0 16px 60px rgba(0, 0, 0, 0.35);
  --grad-linear: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(30, 30, 30, 0.35));
  --grad-radial: radial-gradient(circle at 50% 50%, transparent 55%, rgba(40, 40, 40, 0.6) 100%);
  --grad-accent: linear-gradient(180deg, var(--accent), var(--accent-dark));
}

@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --bg: #f2ede6;
    --bg-soft: #e5dfd7;
    --card: #ffffff;
    --text: #1b1a18;
    --muted: #544e49;
    --border: #c3b8ad;
    --shadow: 0 16px 40px rgba(47, 39, 31, 0.18);
    --grad-linear: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0.06));
    --grad-radial: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.55) 0%, rgba(0, 0, 0, 0.08) 100%);
    --flag-camo-image: url('/assets/img/usa-flag-camo-light.svg');
    --flag-image: var(--flag-camo-image);
    --flag-filter: brightness(0.95);
    --logo-filter: brightness(0) invert(0) opacity(0.9);
    --header-bg: rgba(238, 232, 224, 0.94);
    --footer-overlay: rgba(238, 232, 224, 0.85);
    --camo-shade-1: #f4f1ec;
    --camo-shade-2: #e6e0d8;
    --camo-shade-3: #d9d1c6;
    --camo-shade-4: #cbbfb2;
    --camo-shade-5: #bfb3a6;
    --camo-shade-6: #a29587;
    --camo-shade-7: #968576;
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #202020;
  --bg-soft: #2a2a2a;
  --card: #303030;
  --text: #ebeaea;
  --muted: #a8a39f;
  --border: #414141;
  --shadow: 0 16px 60px rgba(0, 0, 0, 0.35);
  --grad-linear: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(18, 18, 18, 0.35));
  --grad-radial: radial-gradient(circle at 50% 50%, transparent 55%, rgba(20, 20, 20, 0.6) 100%);
  --flag-camo-image: url('/assets/img/usa-flag-camo.svg');
  --flag-image: var(--flag-camo-image);
  --flag-filter: brightness(1.5);
  --logo-filter: brightness(0) invert(1);
  --header-bg: rgba(32, 32, 32, 0.94);
  --footer-overlay: rgba(32, 32, 32, 0.85);
  --camo-shade-1: #151515;
  --camo-shade-2: #1f1d1b;
  --camo-shade-3: #2a2623;
  --camo-shade-4: #352f2b;
  --camo-shade-5: #413a35;
  --camo-shade-6: #4b443f;
  --camo-shade-7: #5a534b;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f2ede6;
  --bg-soft: #e5dfd7;
  --card: #ffffff;
  --text: #1b1a18;
  --muted: #544e49;
  --border: #c3b8ad;
  --shadow: 0 16px 40px rgba(47, 39, 31, 0.18);
  --grad-linear: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0.06));
  --grad-radial: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.55) 0%, rgba(0, 0, 0, 0.08) 100%);
  --flag-camo-image: url('/assets/img/usa-flag-camo-light.svg');
  --flag-image: var(--flag-camo-image);
  --flag-filter: brightness(0.95);
  --logo-filter: brightness(0) invert(0) opacity(0.9);
  --header-bg: rgba(238, 232, 224, 0.94);
  --footer-overlay: rgba(238, 232, 224, 0.85);
  --camo-shade-1: #f4f1ec;
  --camo-shade-2: #e6e0d8;
  --camo-shade-3: #d9d1c6;
  --camo-shade-4: #cbbfb2;
  --camo-shade-5: #bfb3a6;
  --camo-shade-6: #a29587;
  --camo-shade-7: #968576;
}