:root {
  --color-sage-50: #f3f7f0;
  --color-sage-100: #e2eadb;
  --color-sage-200: #c8d8bd;
  --color-sage-500: #8fa982;
  --color-sage-700: #5e7556;
  --color-sand: #f1e4c8;
  --color-sand-strong: #edd7ad;
  --color-olive: #788b69;
  --color-brown: #422828;
  --color-teal: #b9cdb1;
  --color-cream: #f8f3e8;
  --color-white: #ffffff;
  --color-text: #352621;
  --color-panel-text: #352621;
  --color-muted: #76695c;
  --color-border: rgba(94, 117, 86, 0.24);
  --color-panel: #fffaf1;
  --color-panel-strong: #e2eadb;
  --tech-dot: rgba(94, 117, 86, 0.24);
  --tech-line: rgba(94, 117, 86, 0.12);
  --tech-accent: rgba(143, 169, 130, 0.18);
  --dna-bg: var(--color-panel);
  --dna-terminal: rgba(255, 255, 255, 0.42);
  --dna-text: var(--color-panel-text);
  --dna-muted: var(--color-muted);
  --dna-accent: var(--color-sage-700);
  --dna-accent-soft: rgba(243, 247, 240, 0.34);
  --dna-border: var(--color-border);
  --dna-pre-bg: rgba(255, 250, 241, 0.32);
  --dna-rain-bg: rgba(248, 243, 232, 0.34);
  --dna-rain: rgba(94, 117, 86, 0.42);
  --shadow-card: 0 14px 32px rgba(66, 40, 40, 0.09);
  --shadow-soft: 0 8px 18px rgba(66, 40, 40, 0.07);
  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 8px;
  --container-width: 1120px;
}

:root[data-theme="dark"] {
  --color-sage-50: #261812;
  --color-sage-100: #321f17;
  --color-sage-200: #463027;
  --color-sage-500: #c79e87;
  --color-sage-700: #f1cfbb;
  --color-sand: #4a2c1f;
  --color-sand-strong: #61382a;
  --color-olive: #d5aa91;
  --color-brown: #f3cfb7;
  --color-teal: #d9a89d;
  --color-cream: #160d09;
  --color-white: #241611;
  --color-text: #f0d9c9;
  --color-panel-text: #f5ddcf;
  --color-muted: #c9a895;
  --color-border: rgba(243, 207, 183, 0.22);
  --color-panel: #21130e;
  --color-panel-strong: #352117;
  --tech-dot: rgba(243, 207, 183, 0.26);
  --tech-line: rgba(243, 207, 183, 0.12);
  --tech-accent: rgba(217, 168, 157, 0.2);
  --dna-bg: var(--color-panel);
  --dna-terminal: rgba(36, 22, 17, 0.38);
  --dna-text: var(--color-panel-text);
  --dna-muted: var(--color-muted);
  --dna-accent: var(--color-brown);
  --dna-accent-soft: rgba(53, 33, 23, 0.34);
  --dna-border: var(--color-border);
  --dna-pre-bg: rgba(22, 13, 9, 0.3);
  --dna-rain-bg: rgba(22, 13, 9, 0.34);
  --dna-rain: rgba(243, 207, 183, 0.38);
  --shadow-card: 0 18px 42px rgba(0, 0, 0, 0.42);
  --shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.3);
}