/* Paper - licht en warm. Voor overdag, en voor screenshots. */
:root[data-pack="paper"] {
  --good:  #15803d;
  --bad:   #c62828;
  --amber: #a35b06;

  /* 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: light;
  --bg: #fdfcfa; --bg-soft: #f7f5f1; --surface: #ffffff;
  --surface-2: #f6f4f0; --surface-3: #efece6;
  --border: #e4e0d8; --border-strong: #d2cdc2;
  --text: #1a1815; --text-2: #6b655c; --text-3: #9a938a;
  --shadow-sm: 0 1px 2px rgba(60,50,35,.05), 0 2px 6px rgba(60,50,35,.04);
  --shadow-md: 0 2px 4px rgba(60,50,35,.05), 0 8px 24px rgba(60,50,35,.07);
}