/* JuraToolKit — color tokens.
   This is the ONE file to edit when swapping the palette.
   Every other file references these variables — never hardcode a color anywhere else.

   Tokens are split into "semantic" names (paper, ink, accent, …) so swapping
   the palette never requires renaming variables across the codebase.

   When changing --accent here, also update <meta name="theme-color"> in:
     index.html, imprint.html, privacy.html, 404.html, manifest.webmanifest */

:root {
  /* ---- Surfaces ---- */
  --paper:        #f3ede2;   /* page background, panels */
  --paper-2:      #ece4d4;   /* subtle alternate band (footer, queue head) */
  --paper-3:      #ffffff;   /* form fields, brightest layer */

  /* ---- Text ---- */
  --ink:          #1a1410;   /* primary text */
  --ink-soft:     #2e2620;   /* body / paragraphs */
  --muted:        #5e5650;   /* meta labels, mono captions — comfortably above WCAG AA (≈5.6:1 on --paper) */

  /* ---- Lines ---- */
  --line:         #d6cdb8;   /* primary borders */
  --line-soft:    #e2dac7;   /* grid gaps, dividers */

  /* ---- Accent (the burgundy) ---- */
  --accent:       #7a2e2e;   /* primary action / brand */
  --accent-soft:  #ecdada;   /* hover wash, selection */

  /* ---- Status colors ---- */
  --live:         #2d6a4f;
  --danger:       #b23b3b;
  --add-bg:       #e5f3ea; --add-border: #a9d3b9; --add-text: #1d5036;
  --del-bg:       #fbeaea; --del-border: #e0b0b0; --del-text: #8c2a2a;
  --warn-bg:      #fff5e6; --warn-border: #e6c498;

  /* ---- Effects ---- */
  --dot:          rgba(26,20,16,0.08);
  --hero-wash:    rgba(122,46,46,0.04);
  --shadow:       0 2px 14px rgba(26,20,16,0.06);
  --shadow-strong:0 4px 20px rgba(26,20,16,0.08);

  /* ---- Type ---- */
  --serif: "Instrument Serif", "Times New Roman", serif;
  --sans:  -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

:root[data-theme="dark"] {
  --paper:        #14110f;
  --paper-2:      #1d1916;
  --paper-3:      #1d1916;
  --ink:          #f0ece0;
  --ink-soft:     #c8c3b4;
  --muted:        #a39b8e;   /* darker bg → must be lighter; passes WCAG AA */
  --line:         #2d2722;
  --line-soft:    #211d19;
  --accent:       #b85858;   /* muted bordeaux for dark surfaces */
  --accent-soft:  #2e1c1c;
  --live:         #69c19a;
  --danger:       #e06868;
  --add-bg:       #18301f; --add-border: #2b6340; --add-text: #7cd39f;
  --del-bg:       #2e1212; --del-border: #6c2a2a; --del-text: #e08c8c;
  --warn-bg:      #2a200c; --warn-border: #5c4418;

  --dot:          rgba(255,251,237,0.05);
  --hero-wash:    rgba(184,88,88,0.06);
  --shadow:       0 2px 14px rgba(0,0,0,0.3);
  --shadow-strong:0 4px 20px rgba(0,0,0,0.5);

  color-scheme: dark;
}