/* ============================================================
   CHEDDERS PAY — theme.css
   Canonical Variable Block (V3 DNA) + Project Accent
   v3.0 — Dark default · [data-theme="light"] override
   ============================================================ */

/* ── Base DNA — Dark default ─────────────────────────────── */
:root {
  --primary:        #0b1f3a;
  --primary-light:  #16345f;
  --primary-hover:  #091729;

  --background:     #07101f;
  --surface:        #0d1a2d;
  --surface-2:      #111f33;
  --surface-3:      #162540;

  --text:           #f0f2f5;
  --muted:          #a8b4c4;

  --border:         rgba(255, 255, 255, 0.07);
  --border-strong:  rgba(255, 255, 255, 0.13);

  --shadow:         rgba(0, 0, 0, 0.35);
  --shadow-md:      rgba(0, 0, 0, 0.5);
  --shadow-lg:      rgba(0, 0, 0, 0.65);

  /* Semantic */
  --success:  #00e5a0;
  --danger:   #f43f5e;
  --warning:  #f59e0b;

  /* Transitions */
  --transition-fast:  0.2s ease;
  --transition-base:  0.25s ease;
  --transition-slow:  0.4s ease;

  /* Radii */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;

  /* Spacing */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  32px;
  --space-xl:  64px;
  --space-2xl: 96px;

  /* ── Chedders Pay accent — Gold — brightened for dark surface legibility ── */
  --accent:        #f0c040;
  --accent-light:  #f7d878;
  --accent-rgb:    240, 192, 64;
  --accent-subtle: rgba(240, 192, 64, 0.12);
  --accent-border: rgba(240, 192, 64, 0.30);

  /* Live / active indicator */
  --live:     #00e5a0;
  --live-dim: rgba(0, 229, 160, 0.12);
}

/* ── Light Mode override ─────────────────────────────────── */
[data-theme="light"] {
  --background:     #ffffff;
  --surface:        #f8f9fa;
  --surface-2:      #f1f3f5;
  --surface-3:      #e8eaed;

  --text:           #111111;
  --muted:          #6c757d;

  --border:         #e5e7eb;
  --border-strong:  #d0d5dd;

  --shadow:         rgba(0, 0, 0, 0.05);
  --shadow-md:      rgba(0, 0, 0, 0.08);
  --shadow-lg:      rgba(0, 0, 0, 0.12);

  --accent-subtle:  rgba(240, 192, 64, 0.08);
  --live-dim:       rgba(0, 229, 160, 0.08);
}