/* ══════════════════════════════════════════════════════
   theme-vars.css — Master CSS Variables
   All themes override these. Never hardcode colors in theme.css.
   ══════════════════════════════════════════════════════ */

:root {
  --primary: #7C3AED;
  --font-main: 'Outfit';
  --radius: 8px;
  --card-bg: white;
  /* ── Brand / Primary ── */
  --pu: #7C3AED;
  /* purple primary */
  --pu-lt: #8B5CF6;
  --pu-dk: #6D28D9;
  --pu-bg: rgba(124, 58, 237, .08);

  /* ── Semantic colors ── */
  --gr: #10B981;
  /* green  */
  --gr-bg: rgba(16, 185, 129, .08);
  --re: #EF4444;
  /* red    */
  --re-bg: rgba(239, 68, 68, .06);
  --am: #F59E0B;
  /* amber  */
  --am-bg: rgba(245, 158, 11, .08);
  --in: #3B82F6;
  /* indigo/blue */
  --in-bg: rgba(59, 130, 246, .08);
  --bl: #3B82F6;
  --or: #F97316;
  --grad-primary: linear-gradient(135deg, #7C3AED, #4F46E5);
  /* orange */
  --or-bg: rgba(249, 115, 22, .08);
  --te: #0D9488;
  /* teal   */
  --te-bg: rgba(13, 148, 136, .08);

  /* ── Neutrals ── */
  --s1: #0F172A;
  /* darkest text */
  --s2: #1E293B;
  --s3: #334155;
  --s4: #475569;
  --muted: #94A3B8;
  --bg: #F8FAFC;
  /* page background */
  --card: #FFFFFF;
  /* card background */
  --border: #E2E8F0;
  --border2: #CBD5E1;

  /* ── Typography ── */
  --font: 'Outfit', system-ui, sans-serif;
  --mono: 'JetBrains Mono', 'Courier New', monospace;
  --font-size: 13px;

  /* ── Spacing & Shape ── */
  --radius: 8px;
  --radius-lg: 12px;
  --radius-sm: 5px;

  /* ── Shadows ── */
  --sh1: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);
  --sh2: 0 4px 16px rgba(0, 0, 0, .10), 0 1px 4px rgba(0, 0, 0, .06);
  --sh3: 0 8px 32px rgba(0, 0, 0, .14);

  /* ── Topbar ── */
  --top-bg: #1E1B4B;
  --shell: #1E1B4B;
  --shell2: #16133a;
  --top-text: rgba(255, 255, 255, .85);
  --top-h: 48px;

  /* ── Compliance strip ── */
  --cstrip-bg: #0F172A;

  /* ── Transition ── */
  --t: .15s ease;
}

/* 2. THE SAFFRON THEME (Orange) */
/* We put this BELOW so it can "borrow" the shadows and spacing from above */

.theme-saffron {
  --primary: #F97316;
  --font-main: 'Poppins';
}