/* ============================================================
   STRPLJENJE — COLOR TOKENS
   Warm-paper light theme + soot dark theme ("Papir / Čađ").
   All colors defined in oklch, lifted verbatim from source.
   Base ramp uses a warm neutral hue (75) with a red-orange
   accent (35). Three "stamp" hues carry meaning in diagrams:
   pattern=green (result/value), anti=red (anti-pattern),
   real=blue (live/real-time).
   ============================================================ */

:root {
  /* ---- Base neutral ramp (warm paper) ---- */
  --paper:        oklch(0.96 0.01 75);   /* page background */
  --paper-raised: oklch(0.98 0.005 75);  /* cards, leaflets */
  --ink:          oklch(0.18 0.01 75);   /* primary text + borders */
  --ink-muted:    oklch(0.45 0.01 75);   /* secondary text */

  /* ---- Accent (red-orange, the protest color) ---- */
  --accent:       oklch(0.55 0.20 35);
  --accent-dim:   oklch(0.93 0.02 35);   /* tinted fill behind accent */

  /* ---- Stamp hues (meaning in diagrams / badges) ---- */
  --pattern:      oklch(0.30 0.10 145);  /* green — result / value / positive */
  --pattern-on:   oklch(0.95 0.02 145);
  --anti:         oklch(0.40 0.16 25);   /* red — anti-pattern / warning */
  --anti-on:      oklch(0.95 0.02 25);
  --real:         oklch(0.30 0.08 240);  /* blue — live / real-time / sync */
  --real-on:      oklch(0.95 0.02 240);

  /* ---- Semantic aliases (use these in components) ---- */
  --bg:            var(--paper);
  --bg-card:       var(--paper-raised);
  --text:          var(--ink);
  --text-muted:    var(--ink-muted);
  --border-color:  var(--ink);
  --surface-accent:      var(--accent);
  --surface-accent-soft: var(--accent-dim);
  --on-accent:     var(--paper);
}

/* ---- Dark theme: "Čađ" (soot) ---- */
[data-theme="dark"] {
  --paper:        oklch(0.12 0.01 75);
  --paper-raised: oklch(0.16 0.01 75);
  --ink:          oklch(0.94 0.01 75);
  --ink-muted:    oklch(0.65 0.01 75);

  --accent:       oklch(0.62 0.21 35);
  --accent-dim:   oklch(0.20 0.04 35);

  --pattern:      oklch(0.45 0.15 145);
  --pattern-on:   oklch(0.12 0.01 75);
  --anti:         oklch(0.62 0.21 35);
  --anti-on:      oklch(0.12 0.01 75);
  --real:         oklch(0.55 0.15 240);
  --real-on:      oklch(0.12 0.01 75);
}