/* Design tokens: warna, bayangan, dan tema (terang / gelap / sistem). */

:root {
  --bg: #f2f6f4;
  --sf: #ffffff;
  --sf2: #f5f8f6;
  --bd: #e2e9e5;
  --tx: #0e1a14;
  --mu: #66786e;
  --gr: #047857;
  --grbg: #10b98118;
  --rd: #dc2626;
  --rdbg: #dc262612;
  --bl: #2563eb;
  --blbg: #2563eb14;
  --am: #d97706;
  --shadow: 0 1px 2px rgba(15,30,22,.05),0 10px 28px rgba(15,30,22,.06);
  --ov: rgba(10,20,15,.45);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #080b0a;
    --sf: #101513;
    --sf2: #151b18;
    --bd: #1f2925;
    --tx: #e8f1ec;
    --mu: #8b9c93;
    --gr: #34d399;
    --grbg: #34d39918;
    --rd: #f87171;
    --rdbg: #f8717118;
    --bl: #60a5fa;
    --blbg: #60a5fa18;
    --am: #fbbf24;
    --shadow: none;
    --ov: rgba(0,0,0,.62);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #080b0a;
  --sf: #101513;
  --sf2: #151b18;
  --bd: #1f2925;
  --tx: #e8f1ec;
  --mu: #8b9c93;
  --gr: #34d399;
  --grbg: #34d39918;
  --rd: #f87171;
  --rdbg: #f8717118;
  --bl: #60a5fa;
  --blbg: #60a5fa18;
  --am: #fbbf24;
  --shadow: none;
  --ov: rgba(0,0,0,.62);
  color-scheme: dark;
}