/* ============================================================
   DESIGN TOKENS — LIGHT (default)
   Preserved exactly from the original Logspace design system.
============================================================ */
:root {
  --bg:           #f5f5f4;
  --bg2:          #efefed;
  --surface:      #ffffff;
  --surface2:     #f9f9f8;
  --border:       #e2e2de;
  --border-strong:#c8c8c4;
  --text:         #1a1a18;
  --text2:        #4a4a46;
  --text3:        #8a8a84;
  --accent:       #2d2d2a;
  --accent-hover: #111110;
  --tag-bg:       #efefed;
  --tag-text:     #4a4a46;
  --check-active: #1a1a18;
  --input-bg:     #ffffff;
  --input-focus-shadow: 0 0 0 3px rgba(26,26,24,0.08);
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:    0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg:    0 12px 32px rgba(0,0,0,0.10), 0 4px 8px rgba(0,0,0,0.06);
  --radius-sm:    8px;
  --radius:       12px;
  --radius-lg:    18px;
  --radius-xl:    24px;

  /* Additional tokens for the admin dashboard */
  --card-metric-bg: var(--surface);
  --status-submitted: #16a34a;
  --status-draft: #ca8a04;
  --status-failed: #dc2626;
  --badge-admin: #7c3aed;
  --badge-user: #2563eb;
  --chart-bar: var(--accent);
  --chart-bar-empty: var(--border);
}

/* ============================================================
   DESIGN TOKENS — DARK THEME
============================================================ */
body.theme-dark {
  --bg:           #0b0b0b;
  --bg2:          #111110;
  --surface:      #111110;
  --surface2:     #161614;
  --border:       #272724;
  --border-strong:#3a3a36;
  --text:         #e8e8e4;
  --text2:        #a8a8a2;
  --text3:        #666660;
  --accent:       #d4a85a;
  --accent-hover: #e8bf76;
  --tag-bg:       #1e1e1c;
  --tag-text:     #a8a8a2;
  --check-active: #d4a85a;
  --input-bg:     #161614;
  --input-focus-shadow: 0 0 0 3px rgba(212,168,90,0.15);
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:    0 4px 12px rgba(0,0,0,0.5);
  --shadow-lg:    0 12px 32px rgba(0,0,0,0.6);

  /* Re-resolve indirect tokens against the dark surface. These are declared
     on :root with var() references, so their values are computed against the
     light palette there and must be redeclared here to pick up dark values. */
  --card-metric-bg: var(--surface);
  --chart-bar: var(--accent);
  --chart-bar-empty: #2a2a26;
}