:root {
  --color-bg: #f4ecde;
  --color-bg-deep: #173329;
  --color-surface: rgba(255, 250, 243, 0.8);
  --color-surface-strong: #fffaf2;
  --color-surface-dark: rgba(17, 34, 28, 0.82);
  --color-text: #1d221d;
  --color-text-inverse: #f6f0e6;
  --color-muted: #5c655f;
  --color-line: rgba(29, 34, 29, 0.1);
  --color-line-strong: rgba(255, 255, 255, 0.14);
  --color-accent: #a87e4f;
  --color-accent-strong: #8d653a;
  --color-green: #254236;
  --shadow-soft: 0 24px 80px rgba(30, 35, 24, 0.12);
  --shadow-deep: 0 30px 80px rgba(7, 20, 15, 0.28);
  --radius-xl: 40px;
  --radius-lg: 30px;
  --radius-md: 22px;
  --radius-sm: 16px;
  --container-width: 1180px;
}