/* Tauros Trading design tokens. Loaded BEFORE style.css on every page.

   Step 1 (this file's first commit): every value here equals what the site
   already renders, so introducing the file changes nothing. The proposed
   scale values (radius, shadows, motion, text contrast) are flipped in their
   own later commits, one group at a time, each screenshotted before and
   after. Sources: docs/reports/2026-09-02-visual-pass-signed-in-and-
   modernisation.md Part B and 2026-09-02-admin-modernisation.md section 2. */

:root {
  /* ---- Palette (the brand) ---- */
  --paper:     #f4f1eb;
  --paper-mid: #eae6dc;
  --paper-hi:  #faf8f4;
  --ink:       #19150f;
  --ink-mid:   #3c3428;
  --ink-soft:  #6b5f50;
  --gold:      #b8901a;   /* fills, borders, icons */
  --gold-lt:   #d4aa40;
  --gold-ink:  #7f620f;   /* the only gold used as text */
  --ox:        #7c2818;
  --ox-dk:     #5c1c10;
  --line:      #ddd5c8;                 /* separators: rules under headings, table row lines */
  --hairline:  rgba(25,21,15,0.08);     /* the edge of a card that also carries a shadow */
  --edge:      rgba(25,21,15,0.16);     /* the edge of a control: inputs, selects, pills */
  --success:   #1e6b1e;
  --warn:      #a06010;
  --danger:    #c0392b;
  --canvas:    #19150f;   /* admin sidebar */
  --canvas-2:  #221c15;   /* sidebar hover */
  --sb-text:     rgba(244,241,235,0.72);   /* sidebar link at rest */
  --sb-text-dim: rgba(244,241,235,0.5);    /* sidebar section labels */

  /* ---- Surfaces: where things sit ---- */
  --surface-0: var(--paper);      /* the page */
  --surface-1: var(--paper-hi);   /* cards, inputs: lifts off the page */
  --surface-2: var(--paper-mid);  /* wells, image backgrounds, disabled */

  /* ---- Text ---- */
  --text:      var(--ink);
  --text-soft: #5a4e40;   /* secondary text under 0.8rem: 7.2:1 on paper; body-size secondary keeps --ink-soft */
  --text-gold: var(--gold-ink);

  /* ---- Status (read, never pressed) ---- */
  --status-ok:     var(--success);
  --status-warn:   var(--warn);
  --status-info:   #2f5d8a;
  --status-danger: var(--danger);

  /* ---- Type ---- */
  --display: 'Zilla Slab', 'Zilla Slab Fallback', Georgia, serif;
  --body:    'Public Sans', 'Public Sans Fallback', system-ui, sans-serif;
  --mono:    'IBM Plex Mono', 'IBM Plex Mono Fallback', ui-monospace, monospace;

  /* ---- Radius scale. Step 1 values are placeholders equal to nothing yet
     used; step 2 migrates rules onto them and sets the approved scale
     (4 / 8 / 12 / 20 / pill). ---- */
  --r-xs:   4px;
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   20px;
  --r-pill: 999px;

  /* ---- Depth. Unused until the shadows step. ---- */
  --shadow-1: 0 1px 2px rgba(25,21,15,0.06), 0 1px 3px rgba(25,21,15,0.08);
  --shadow-2: 0 6px 18px rgba(25,21,15,0.10), 0 2px 6px rgba(25,21,15,0.06);

  /* ---- Motion. Unused until the motion step. ---- */
  --ease:   cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 140ms;
  --t-base: 220ms;
  --t-slow: 360ms;

  /* ---- Layout ---- */
  --sidebar-w: 224px;
  --w-form:    880px;
}