:root {
  color-scheme: dark;

  --primary-rgb: 142 209 31;
  --ink-rgb: 230 239 216;
  --steel-rgb: 209 18 31;
  --danger-rgb: 255 74 61;
  --ok-rgb: 142 209 31;
  --surface-rgb: 18 26 14;
  --raise-rgb: 26 37 20;

  --bg: #070b05;
  --bg-2: #0c1209;
  --surface: rgb(var(--surface-rgb) / 0.9);
  --surface-solid: #121a0e;
  --raise: #1a2514;

  --text: #dfe8d2;
  --text-strong: #f4fbe8;
  --muted: #aab89a;
  --dim: #7d8b6f;

  --line: rgb(var(--ink-rgb) / 0.14);
  --line-strong: rgb(var(--ink-rgb) / 0.32);

  --primary: #8ed11f;
  --primary-tint: #b4ee4a;
  --primary-shade: #5f9610;
  --on-primary: #0a1204;
  --steel: #d1121f;
  --danger: #ff4a3d;
  --ok: #8ed11f;
  --focus: #d1121f;

  --snow: rgb(190 220 160 / 0.5);
  --snow-opacity: 0.4;
  --sky-1: rgb(209 18 31 / 0.12);
  --sky-2: rgb(142 209 31 / 0.10);
  --sky-top: #0a1208;
  --sky-bot: #2a4a1a;

  --shadow: 0 18px 40px -20px rgb(0 0 0 / 0.95);

  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
  --display: Impact, Haettenschweiler, "Arial Narrow Bold", "Franklin Gothic Condensed", sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --wrap: 1180px;
  --gap: clamp(1rem, 2.5vw, 1.75rem);
  --pad-y: clamp(3rem, 6vw, 5.5rem);
  --r-s: 2px;
  --r-m: 4px;
  --r-l: 6px;

  --void: var(--bg);
  --abyss: var(--bg-2);
  --panel: var(--surface);
  --panel-solid: var(--surface-solid);
  --violet: var(--primary-tint);
  --indigo: var(--primary-shade);
  --cyan: var(--primary);
  --aurora: var(--primary-tint);
  --flare: var(--danger);
}

[data-theme="light"] {
  color-scheme: light;

  --primary-rgb: 74 122 10;
  --ink-rgb: 26 36 18;
  --steel-rgb: 163 13 24;
  --danger-rgb: 163 13 24;
  --ok-rgb: 59 106 10;
  --surface-rgb: 244 246 234;
  --raise-rgb: 255 255 255;

  --bg: #dfe5cd;
  --bg-2: #eef1de;
  --surface: #f4f6ea;
  --surface-solid: #f4f6ea;
  --raise: #ffffff;

  --text: #1a2412;
  --text-strong: #0a1004;
  --muted: #445234;
  --dim: #5e6c4c;

  --line: rgb(var(--ink-rgb) / 0.2);
  --line-strong: rgb(var(--ink-rgb) / 0.45);

  --primary: #4a7a0a;
  --primary-tint: #5e9610;
  --primary-shade: #2f5204;
  --on-primary: #ffffff;
  --steel: #a30d18;
  --danger: #a30d18;
  --ok: #3b6a0a;
  --focus: #a30d18;

  --snow: rgb(60 80 40 / 0.3);
  --snow-opacity: 0.3;
  --sky-1: rgb(163 13 24 / 0.07);
  --sky-2: rgb(74 122 10 / 0.08);
  --sky-top: #dfe5cd;
  --sky-bot: #eef1de;

  --shadow: 0 8px 22px -14px rgb(26 36 18 / 0.5);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;

    --primary-rgb: 74 122 10;
    --ink-rgb: 26 36 18;
    --steel-rgb: 163 13 24;
    --danger-rgb: 163 13 24;
    --ok-rgb: 59 106 10;
    --surface-rgb: 244 246 234;
    --raise-rgb: 255 255 255;

    --bg: #dfe5cd;
    --bg-2: #eef1de;
    --surface: #f4f6ea;
    --surface-solid: #f4f6ea;
    --raise: #ffffff;

    --text: #1a2412;
    --text-strong: #0a1004;
    --muted: #445234;
    --dim: #5e6c4c;

    --line: rgb(var(--ink-rgb) / 0.2);
    --line-strong: rgb(var(--ink-rgb) / 0.45);

    --primary: #4a7a0a;
    --primary-tint: #5e9610;
    --primary-shade: #2f5204;
    --on-primary: #ffffff;
    --steel: #a30d18;
    --danger: #a30d18;
    --ok: #3b6a0a;
    --focus: #a30d18;

    --snow: rgb(60 80 40 / 0.3);
    --snow-opacity: 0.3;
    --sky-1: rgb(163 13 24 / 0.07);
    --sky-2: rgb(74 122 10 / 0.08);
    --sky-top: #dfe5cd;
    --sky-bot: #eef1de;

    --shadow: 0 8px 22px -14px rgb(26 36 18 / 0.5);
  }
}

*, *::before, *::after { box-sizing: border-box; }