/* ============================================================
   theme.css — Chedders Wallet
   V3 — Dark-first · Full Token Set · Navy Product Accent
   `:root` = dark default · `[data-theme="light"]` = 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:          #8892a4;

  --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;

  /* ── Product Accent — Chedders Wallet (navy, Studios-IDE style) ── */
  --accent:         #0b1f3a;
  --accent-light:   #16345f;
  --accent-subtle:  rgba(11, 31, 58, 0.18);
  --accent-border:  rgba(11, 31, 58, 0.45);
  --accent-rgb:     11, 31, 58;

  /* Live 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(11, 31, 58, 0.06);
  --accent-border:  rgba(11, 31, 58, 0.2);
  --live-dim:       rgba(0, 229, 160, 0.08);
}