/* SDS Apps — Color tokens
   Warm monochrome (ink on paper) + a confident privacy green.
   Base values first, semantic aliases below. Dark theme via [data-theme="dark"]. */

:root {
  /* ---- Base: paper (warm off-white surfaces) ---- */
  --paper-0: #FFFFFF;
  --paper-1: #FBFAF5;   /* app background */
  --paper-2: #F3F1E8;   /* raised surface / cards */
  --paper-3: #EAE7DA;   /* sunken / hover fill */

  /* ---- Base: ink (warm near-black text) ---- */
  --ink-0: #15160F;     /* strongest text, headings */
  --ink-1: #2B2C23;     /* body text */
  --ink-2: #565848;     /* secondary text */
  --ink-3: #7E806E;     /* muted / captions */
  --ink-4: #A6A693;     /* disabled / placeholder */

  /* ---- Base: lines ---- */
  --line-0: #E4E1D4;    /* hairline */
  --line-1: #D4D0BF;    /* default border */
  --line-2: #BCB7A1;    /* strong border / focus ring base */

  /* ---- Base: privacy green (primary accent) ---- */
  --green-0: #EBF4EC;   /* tint surface */
  --green-1: #BFE0C6;   /* soft fill */
  --green-2: #3FA463;   /* light accent */
  --green-3: #16894C;   /* PRIMARY accent */
  --green-4: #0F6E3D;   /* hover / pressed */
  --green-5: #0A4E2B;   /* deepest */

  /* ---- Base: semantic hues (used sparingly) ---- */
  --red-1:   #FBEAE7;
  --red-3:   #C5453B;   /* danger / "never" */
  --red-4:   #9E3329;
  --amber-1: #FBF0DC;
  --amber-3: #BE7E1E;   /* warning / caution */
  --blue-1:  #E7EFF8;
  --blue-3:  #2D6FB3;   /* info / links in body */

  /* ---- Semantic aliases ---- */
  --bg:             var(--paper-1);
  --surface:        var(--paper-0);
  --surface-raised: var(--paper-2);
  --surface-sunken: var(--paper-3);

  --text-strong:    var(--ink-0);
  --text-body:      var(--ink-1);
  --text-secondary: var(--ink-2);
  --text-muted:     var(--ink-3);
  --text-disabled:  var(--ink-4);
  --text-on-accent: #FFFFFF;

  --border:         var(--line-1);
  --border-subtle:  var(--line-0);
  --border-strong:  var(--line-2);

  --accent:         var(--green-3);
  --accent-hover:   var(--green-4);
  --accent-pressed: var(--green-5);
  --accent-soft:    var(--green-0);
  --accent-soft-2:  var(--green-1);
  --accent-text:    var(--green-4);

  --danger:         var(--red-3);
  --danger-soft:    var(--red-1);
  --warning:        var(--amber-3);
  --warning-soft:   var(--amber-1);
  --info:           var(--blue-3);
  --info-soft:      var(--blue-1);
  --success:        var(--green-3);

  --focus-ring:     color-mix(in oklch, var(--green-3) 55%, transparent);
}

[data-theme="dark"] {
  --paper-0: #1C1D16;
  --paper-1: #131309;
  --paper-2: #23241B;
  --paper-3: #2D2E23;

  --ink-0: #F4F2E7;
  --ink-1: #E0DECF;
  --ink-2: #B5B3A1;
  --ink-3: #8C8B79;
  --ink-4: #66665699;

  --line-0: #2E2F23;
  --line-1: #3B3C2D;
  --line-2: #55563f;

  --green-0: #14271A;
  --green-1: #1C3B26;
  --green-2: #3FA463;
  --green-3: #34B569;
  --green-4: #5AC985;
  --green-5: #BFE0C6;

  --red-1:  #2C1815;
  --amber-1:#2A2110;
  --blue-1: #15212E;

  --text-on-accent: #0A1E12;
  --accent-text:    var(--green-4);
  --accent-soft:    var(--green-0);
  --accent-soft-2:  var(--green-1);
}