:root {
  --color-main: #0d3c2d;
  --color-accent: #f2ca49;
  --color-light: #e6e8eb;
  --color-dark: #3c3c3b;

  --bg: #0c1915;
  --surface: #12241f;
  --panel: #10231d;
  --text: #e6e8eb;
  --muted: #b7bcc1;
  --border: #243631;
  --accent: #f2ca49;
  --accent-strong: #f4d46b;
  --accent-contrast: #3c3c3b;
  --accent-glow: 0 0 14px rgba(242, 202, 73, 0.35);
  --focus: #f2ca49;
  --card-glow: 0 0 0 rgba(0, 0, 0, 0);
  --card-border: var(--accent);
  --button-press-shadow: 0 0 18px rgba(242, 202, 73, 0.4);
  --adv-icon-bg: #f2f4f6;
  --adv-icon-border: #d6dde3;
  --adv-icon-color: #f4d46b;
  --adv-bg-overlay-start: rgba(8, 18, 14, 0.88);
  --adv-bg-overlay-end: rgba(8, 18, 14, 0.55);
  --adv-bg-glow-1: rgba(242, 202, 73, 0.22);
  --adv-bg-glow-2: rgba(13, 60, 45, 0.35);
  --adv-bg-opacity: 0.8;
  --logo-filter: brightness(0) invert(1);
  --hero-gradient-start: #0d3c2d;
  --hero-gradient-end: #0b1f18;
  --shadow-color: rgba(0, 0, 0, 0.35);
  --shadow-soft: 0 16px 32px var(--shadow-color);
  --shadow-strong: 0 26px 52px var(--shadow-color);
  --highlight: rgba(255, 255, 255, 0.08);
  --pattern-v-opacity: 0.85;
  --pattern-v-1: rgba(242, 202, 73, 0.16);
  --pattern-v-2: rgba(242, 202, 73, 0.08);
  --grid-pattern: repeating-linear-gradient(90deg, rgba(242, 202, 73, 0.045) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(0deg, rgba(242, 202, 73, 0.035) 0 1px, transparent 1px 96px);
  --corner-glow: none;
  --page-gradient: linear-gradient(180deg, rgba(13, 60, 45, 0.8) 0%, rgba(11, 21, 18, 0.4) 45%, transparent 80%);
  --bg-pattern: radial-gradient(circle at 20% 20%, rgba(13, 60, 45, 0.22), transparent 62%),
    radial-gradient(circle at 70% 12%, rgba(13, 60, 45, 0.18), transparent 68%),
    radial-gradient(circle at 50% 70%, rgba(13, 60, 45, 0.14), transparent 72%);
  --header-glass-bg: rgba(16, 35, 29, 0.6);
  --header-glass-border: rgba(230, 232, 235, 0.08);
  --scroll-shift: 0px;
  --scroll-shift-strong: 0px;
  --scroll-shift-small: 0px;
}

html.theme-light {
  --bg: #f7f8fa;
  --surface: #ffffff;
  --panel: #eef1f4;
  --text: #3c3c3b;
  --muted: #6b6f73;
  --border: #d2d7dd;
  --accent: #0d3c2d;
  --accent-strong: #14694e;
  --accent-contrast: #f7f8fa;
  --accent-glow: 0 0 14px rgba(13, 60, 45, 0.2);
  --focus: #0d3c2d;
  --card-glow: 0 0 22px rgba(13, 60, 45, 0.1);
  --card-border: var(--border);
  --button-press-shadow: 0 0 18px rgba(13, 60, 45, 0.26);
  --adv-icon-bg: #ffffff;
  --adv-icon-border: #d2d7dd;
  --adv-icon-color: #f2ca49;
  --adv-bg-overlay-start: rgba(247, 248, 250, 0.85);
  --adv-bg-overlay-end: rgba(247, 248, 250, 0.6);
  --adv-bg-glow-1: rgba(13, 60, 45, 0.18);
  --adv-bg-glow-2: rgba(13, 60, 45, 0.1);
  --adv-bg-opacity: 0.65;
  --logo-filter: none;
  --hero-gradient-start: #e6e8eb;
  --hero-gradient-end: #ffffff;
  --shadow-color: rgba(13, 60, 45, 0.12);
  --shadow-soft: 0 18px 36px var(--shadow-color);
  --shadow-strong: 0 26px 46px var(--shadow-color);
  --highlight: rgba(255, 255, 255, 0.7);
  --pattern-v-opacity: 0.85;
  --pattern-v-1: rgba(13, 60, 45, 0.14);
  --pattern-v-2: rgba(13, 60, 45, 0.06);
  --page-gradient: linear-gradient(180deg, rgba(13, 60, 45, 0.16) 0%, rgba(247, 248, 250, 0.4) 50%, transparent 80%);
  --grid-pattern: repeating-linear-gradient(90deg, rgba(13, 60, 45, 0.06) 0 1px, transparent 1px 120px),
    repeating-linear-gradient(0deg, rgba(13, 60, 45, 0.045) 0 1px, transparent 1px 120px);
  --corner-glow: radial-gradient(circle at top right, rgba(13, 60, 45, 0.12), transparent 60%);
  --bg-pattern: radial-gradient(circle at 15% 20%, rgba(13, 60, 45, 0.08), transparent 60%),
    radial-gradient(circle at 85% 5%, rgba(13, 60, 45, 0.12), transparent 55%),
    radial-gradient(circle at 50% 85%, rgba(13, 60, 45, 0.06), transparent 60%);
  --header-glass-bg: rgba(247, 248, 250, 0.7);
  --header-glass-border: rgba(13, 60, 45, 0.08);
}