/* =============================================================
   AULTER — theme.css
   Canonical variable block — V3 DNA compliant
   Dark default · [data-theme="light"] override
   Chedders Bootstrap Core DNA v3 §3.2
   ============================================================= */

/* ── 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;

  /* ── Aulter product accent — violet-purple ── */
  --accent:         #9b59f5;
  --accent-light:   #b87dff;
  --accent-subtle:  rgba(155, 89, 245, 0.14);
  --accent-border:  rgba(155, 89, 245, 0.30);

  /* ── Secondary accent — 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(124, 58, 237, 0.08);
  --live-dim:       rgba(0, 229, 160, 0.08);
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration:        0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration:       0.01ms !important;
  }
  .fade-in-up {
    opacity:   1;
    transform: none;
  }
  html {
    scroll-behavior: auto;
  }
}