/* ============================================================
   DESIGN TOKENS — LIGHT (default)
   Preserved exactly from the original Logspace design system.
============================================================ */
:root {
  color-scheme: light;
  /* Matches Admin light theme (parchment) */
  --bg:            #f8f3ec;
  --bg2:           #f2e8de;
  --surface:       #fffdfa;
  --surface2:      #fbf6ef;
  --border:        #eadfce;
  --border-strong: #d6c2ad;
  --text:          #261611;
  --text2:         #5c473d;
  --text3:         #8a6f61;
  --accent:        #9b1c31;
  --accent-hover:  #b52540;
  --on-accent:     #ffffff;
  --tag-bg:        #f6efe7;
  --tag-text:      #6d544d;
  --check-active:  #9b1c31;
  --input-bg:      #fffdfa;
  --input-focus-shadow: 0 0 0 3px rgba(155, 28, 49, 0.14);
  --shadow-sm:     0 1px 3px rgba(70, 38, 27, 0.08), 0 1px 2px rgba(70, 38, 27, 0.04);
  --shadow-md:     0 8px 24px rgba(70, 38, 27, 0.10), 0 2px 6px rgba(70, 38, 27, 0.05);
  --shadow-lg:     0 16px 44px rgba(70, 38, 27, 0.14), 0 6px 14px rgba(70, 38, 27, 0.08);
  --radius-sm:     8px;
  --radius:        12px;
  --radius-lg:     18px;
  --radius-xl:     24px;

  --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-ember {
  color-scheme: dark;
  --bg:            #0f0d0c;
  --bg2:           #171412;
  --surface:       #1b1714;
  --surface2:      #211c19;
  --border:        #302a26;
  --border-strong: #433c36;
  --text:          #ede8e2;
  --text2:         #a89e95;
  --text3:         #6b6058;
  --accent:        #c94f4f;
  --accent-hover:  #d96262;
  --on-accent:     #ffffff;
  --tag-bg:        #261f1c;
  --tag-text:      #a89e95;
  --check-active:  #c94f4f;
  --input-bg:      #211c19;
  --input-focus-shadow: 0 0 0 3px rgba(201, 79, 79, 0.22);
  --shadow-sm:     0 1px 3px rgba(0,0,0,0.40);
  --shadow-md:     0 4px 12px rgba(0,0,0,0.50);
  --shadow-lg:     0 12px 32px rgba(0,0,0,0.60);

  --card-metric-bg:  var(--surface);
  --chart-bar:       var(--accent);
  --chart-bar-empty: #2e2520;
}

body.theme-dark {
  color-scheme: dark;
  --bg:            #0b0b0b;
  --bg2:           #111110;
  --surface:       #111110;
  --surface2:      #161614;
  --border:        #272724;
  --border-strong: #3a3a36;
  --text:          #e8e8e4;
  --text2:         #a8a8a2;
  --text3:         #666660;
  --accent:        #dddbd5;
  --accent-hover:  #f5f4f0;
  --on-accent:     #111110;
  --tag-bg:        #1e1e1c;
  --tag-text:      #a8a8a2;
  --check-active:  #dddbd5;
  --input-bg:      #161614;
  --input-focus-shadow: 0 0 0 3px rgba(221, 219, 213, 0.18);
  --shadow-sm:     0 1px 3px rgba(0,0,0,0.40);
  --shadow-md:     0 4px 12px rgba(0,0,0,0.50);
  --shadow-lg:     0 12px 32px rgba(0,0,0,0.60);

  --card-metric-bg:  var(--surface);
  --chart-bar:       var(--accent);
  --chart-bar-empty: #2a2a26;
}