:root {
  color-scheme: light;
  --bg: #f4ecdd;
  --bg-soft: #eadfc9;
  --surface: #fffaf1;
  --surface-strong: #f0e5d2;
  --text: #2d2d29;
  --muted: #6f6b5f;
  --olive: #5f6644;
  --olive-dark: #3f442d;
  --gold: #b9914b;
  --gold-dark: #927236;
  --line: rgba(63, 68, 45, 0.22);
  --white: #ffffff;
  --on-strong: #ffffff;
  --on-strong-muted: #e8ddca;
  --footer-text: #e8ddca;
  --success: #2f6b3d;
  --warning-bg: #f5e8c7;
  --warning-text: #5a4318;
  --danger: #a53d34;
  --header-bg: rgba(244, 236, 221, 0.92);
  --media-start: #f8f2e7;
  --media-end: #efe4cf;
  --lightbox-bg: #fffdf8;
  --field-bg: #fffaf1;
  --star: #b9914b;

  --admin-bg: #eef2f5;
  --admin-surface: #ffffff;
  --admin-surface-soft: #f4f7f9;
  --admin-border: #c8d4df;
  --admin-text: #102235;
  --admin-muted: #587087;
  --admin-accent: #126fc1;
  --admin-success: #207a43;
  --admin-warning: #8b5d00;

  --radius-small: 12px;
  --radius: 22px;
  --radius-large: 32px;
  --content-width: 1180px;
  --header-height: 84px;

  --shadow-small: 0 12px 30px rgba(63, 68, 45, 0.12);
  --shadow: 0 24px 70px rgba(63, 68, 45, 0.16);
  --shadow-hover: 0 28px 72px rgba(63, 68, 45, 0.22);

  --transition: 160ms ease;
}



:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #11130f;
  --bg-soft: #1d2119;
  --surface: #181b15;
  --surface-strong: #20251c;
  --text: #f3f0e8;
  --muted: #c3bcad;
  --olive: #aeb983;
  --olive-dark: #dce3b5;
  --gold: #d2ad63;
  --gold-dark: #ebcb8b;
  --line: rgba(226, 214, 187, 0.18);
  --on-strong: #11130f;
  --on-strong-muted: #353a2d;
  --footer-text: #d8d0c1;
  --success: #81c995;
  --warning-bg: #332a18;
  --warning-text: #f0d291;
  --danger: #f28b82;
  --header-bg: rgba(17, 19, 15, 0.94);
  --media-start: #282b23;
  --media-end: #1d201a;
  --lightbox-bg: #171a15;
  --field-bg: #131610;
  --star: #e3b85f;

  --admin-bg: #06111e;
  --admin-surface: #0a1929;
  --admin-surface-soft: #0d2135;
  --admin-border: #315979;
  --admin-text: #ffffff;
  --admin-muted: #a9bccd;
  --admin-accent: #1685f8;
  --admin-success: #60e694;
  --admin-warning: #ffd36d;

  --shadow-small: 0 12px 32px rgba(0, 0, 0, 0.28);
  --shadow: 0 24px 72px rgba(0, 0, 0, 0.36);
  --shadow-hover: 0 28px 76px rgba(0, 0, 0, 0.46);
}