/* ============================================================
   THEME.CSS — Chedders Domain Services
   V3 canonical variable block — dark default, light override
   Product accent: Teal (#0e9e7a) — infrastructure / trust
   ============================================================ */

/* ── 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.50);
  --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 Domains accent — teal, infrastructure/trust ── */
  --accent:        #0e9e7a;
  --accent-light:  #10b88e;
  --accent-subtle: rgba(14, 158, 122, 0.14);
  --accent-border: rgba(14, 158, 122, 0.30);
  --accent-rgb:    14, 158, 122;

  /* 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(14, 158, 122, 0.08);
  --live-dim:      rgba(0, 229, 160, 0.08);
}

/* ── Smooth theme transitions ── */
body,
body * {
  transition:
    background-color var(--transition-base),
    color            var(--transition-base),
    border-color     var(--transition-base);
}