/* Slate - gedempt en rustig. Minder contrast, zachtere randen.
   Voor lange sessies waarin je niet wil dat het scherm schreeuwt. */
:root[data-pack="slate"] {
  --good:  #6dd39a;
  --bad:   #e57b85;
  --amber: #dfb066;

  /* Afgeleid, niet apart opgegeven: een pack dat --good zet krijgt de zachte
     achtergrond en de rand er gratis bij, in zijn eigen contrast. Dit was de
     bug waardoor een dalende tokens/min beige werd op een neon-thema: het pack
     zette --amber wel, maar --amber-soft viel terug op het lichte thema. */
  --good-soft:   color-mix(in oklch, var(--good) 14%, var(--surface));
  --good-border: color-mix(in oklch, var(--good) 34%, var(--surface));
  --bad-soft:    color-mix(in oklch, var(--bad) 14%, var(--surface));
  --bad-border:  color-mix(in oklch, var(--bad) 34%, var(--surface));
  --amber-soft:  color-mix(in oklch, var(--amber) 14%, var(--surface));
  --amber-border:color-mix(in oklch, var(--amber) 34%, var(--surface));

  color-scheme: dark;
  --bg: #14171c; --bg-soft: #171b21; --surface: #1b1f26;
  --surface-2: #21262e; --surface-3: #272d36;
  --border: #2f3641; --border-strong: #3d4553;
  --text: #e2e6ec; --text-2: #96a0ae; --text-3: #6b7482;
  --r-md: 14px; --r-lg: 18px;
}