/* ==========================================================================
   THEME · Dark Tech  —  midnight UI, neon accents, glassy surfaces, glow
   Deep space navy with electric cyan + violet. Dashboards, SaaS, dev tools.
   ========================================================================== */
body.theme-dark {
  --font-head: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --color-bg:        #0a0e17;
  --color-surface:   #121826;
  --color-surface-2: #1b2334;
  --color-text:      #e6edf7;
  --color-muted:     #8b98b0;
  --color-border:    #263149;

  --color-primary:          #00d9ff;   /* cyan */
  --color-primary-contrast: #06121a;
  --color-secondary:        #7b6bff;   /* violet */
  --color-accent:           #24e6a4;   /* mint */

  --color-success: #24e6a4;
  --color-warn:    #ffbe3d;
  --color-error:   #ff5d73;

  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 20px;
  --border-width: 1px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow:    0 10px 30px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.6);
}

/* Personality: subtle glow, glassy panels, gradient text on hero */
body.theme-dark {
  background-image:
    radial-gradient(circle at 15% 0%, rgba(0, 217, 255, 0.10), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(123, 107, 255, 0.12), transparent 36%);
  background-attachment: fixed;
}
body.theme-dark .card,
body.theme-dark .pricing,
body.theme-dark .testimonial,
body.theme-dark .stat,
body.theme-dark .table,
body.theme-dark .table-wrap {
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0)) , var(--color-surface);
  backdrop-filter: blur(6px);
}
body.theme-dark .btn { color: #06121a; }
body.theme-dark .btn:hover { box-shadow: 0 8px 24px color-mix(in srgb, var(--color-primary) 45%, transparent); }
body.theme-dark .btn-outline { color: var(--color-primary); }
body.theme-dark .btn-ghost { color: var(--color-text); }
body.theme-dark .card-media { background: linear-gradient(135deg, #00d9ff, #7b6bff); }
body.theme-dark .hero {
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(0,217,255,0.25), transparent 55%),
    linear-gradient(135deg, #121826, #1b2334);
  border: 1px solid var(--color-border);
}
body.theme-dark .hero h3 {
  background: linear-gradient(90deg, #00d9ff, #24e6a4, #7b6bff);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.theme-dark .stat .num { color: var(--color-primary); text-shadow: 0 0 18px rgba(0, 217, 255, 0.4); }
body.theme-dark .doc-canvas { background: #0c1220; }
body.theme-dark .doc-demo { border-color: var(--color-border); }
body.theme-dark .doc-demo-label { background: #0e1524; color: var(--color-muted); border-bottom-color: var(--color-border); }