/* ============================================================
   Agentic Punks — Colors
   Punk / DIY / Zine palette: cream paper, ink black, signal red.
   Verbatim aus dem Design-System (tokens/colors.css). Nicht hier
   editieren, sondern im Design-System und neu ziehen.
   ============================================================ */

:root {
  /* --- Base palette --- */
  --cream:    #EFE7DA;  /* default page/surface */
  --cream-2:  #E6DCC9;  /* slightly deeper cream, stripes */
  --paper:    #F5EEE2;  /* lightest paper, cards */
  --ink:      #0E0E0E;  /* near-black, primary text & dark panels */
  --ink-2:    #1A1A18;  /* softer ink */
  --red:      #C1272D;  /* signal red — the single accent */
  --red-deep: #9A1F24;  /* pressed / hover red */
  --green:    #1C7C4A;  /* Ampelgrün — NUR Status "erledigt/übertroffen", nie dekorativ */
  --muted:    #36322E;  /* muted mono text on cream */
  --muted-dark: #A79E8C; /* muted mono text on ink / dark panels */
  --rule:     rgba(14, 14, 14, 0.18); /* hairline dividers */
  --line:     #C9C2B2;  /* solid hairline on cream */
  --line-dark: #3A332C; /* solid hairline on ink */

  /* --- Semantic aliases --- */
  --surface-page:    var(--cream);
  --surface-card:    var(--paper);
  --surface-invert:  var(--ink);   /* dark ink panels */
  --surface-accent:  var(--red);   /* red covers / stickers */

  --text-body:       var(--ink);
  --text-muted:      var(--muted);
  --text-invert:     var(--cream); /* text on ink / red */
  --text-muted-invert: var(--muted-dark); /* muted text on ink / red */
  --text-accent:     var(--red);

  --border-strong:   var(--ink);   /* 2–3px hard borders */
  --border-hair:     var(--rule);
  --border-accent:   var(--red);

  --link:            var(--red);
  --link-hover:      var(--red-deep);

  /* --- Status (Ampel) — nur für "done"-Signale, kein Deko-Akzent --- */
  --status-done:     var(--green);  /* erledigt / übertroffen */
  --surface-done:    var(--green);  /* gefüllter Status-Block */
  --text-on-done:    var(--paper); /* @kind color */
  --border-done:     var(--green);  /* Outline-Status-Chip */
}