:root {
  color-scheme: light dark;
  --c1: #12161c; --c2: #1f2a33; --c3: #3d6b5f; --c4: #9cc9b8; --c5: #f6f5f1;
  --bg-body: #f6f5f1;
  --bg-section: #f6f5f1;
  --bg-section-alt: #eceee8;
  --bg-section-dark: #12161c;
  --bg-card: #ffffff;
  --bg-footer: #12161c;
  --text: #16191e;
  --text-muted: #525a66;
  --text-inverse: #f3f2ee;
  --text-on-accent: #ffffff;
  --accent: #0b7a5c;
  --accent-dark: #075c45;
  --accent-text: #0a6b51;
  --accent-soft: #d8efe6;
  --border: #d9d7cf;
  --border-strong: #b8b5ab;
  --focus: #0b57d0;
  --ukazka-1: #1a5276; --ukazka-2: #6c3483; --ukazka-3: #ba4a00; --ukazka-4: #2c7a7b;

  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-heading: var(--font-body);
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', monospace;
  --text-xs: .8125rem;
  --text-sm: .9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --text-2xl: clamp(2rem, 1.3rem + 2.8vw, 3.25rem);
  --leading: 1.65;
  --leading-tight: 1.15;

  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2.5rem; --space-7: 4rem; --space-8: 6rem;
  --container: 72rem;
  --container-narrow: 46rem;
  --radius: .5rem;
  --radius-lg: 1rem;
  --shadow-1: 0 1px 2px rgb(0 0 0 / .06), 0 6px 20px rgb(0 0 0 / .06);
  --ease-out: cubic-bezier(.2, 0, 0, 1);
  --dur: .2s;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c1: #0b0e12; --c2: #161b22; --c3: #2f5b4f; --c4: #7fb8a4; --c5: #111418;
    --bg-body: #111418;
    --bg-section: #111418;
    --bg-section-alt: #171b20;
    --bg-section-dark: #0b0e12;
    --bg-card: #1a1f25;
    --bg-footer: #0b0e12;
    --text: #e9e7e2;
    --text-muted: #a3aab5;
    --text-inverse: #e9e7e2;
    --text-on-accent: #0b1510;
    --accent: #3ccf9a;
    --accent-dark: #2fb585;
    --accent-text: #5fdcae;
    --accent-soft: #163a2e;
    --border: #2a3038;
    --border-strong: #3d4550;
    --focus: #8ab4f8;
    --shadow-1: 0 1px 2px rgb(0 0 0 / .4), 0 6px 20px rgb(0 0 0 / .3);
  }
}