/* Mercurious VA — Context-Aware Dashboard theme tokens.
   --bg and --accent are overridden per-request by an inline <style> block
   in index.php, sourced from the admin-adjustable `settings` table. */

:root {
  --bg: #1C1A17;
  --bg-raised: #262320;
  --bg-elevated: #201D1A;
  --ink: #F2E9DC;
  --ink-dim: #A99C8C;
  --accent: #E4785A;
  --accent-soft: rgba(228, 120, 90, 0.15);
  --ember-2: #FFB067;
  --rose: #C97B84;
  --line: rgba(242, 233, 220, 0.08);
  --radius: 18px;
  --radius-sm: 12px;
  --shadow-glow: 0 0 40px rgba(228, 120, 90, 0.20);
  --panel-width: 34%;
  --transition-fast: 0.2s ease;
  --transition-panel: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1, h2, h3, .display {
  font-family: 'Fraunces', serif;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 1.5em 0 0 0;
}

a { color: inherit; text-decoration: none; }

.heart { color: var(--accent); }
.text-glowup { text-shadow: 0 0 20px var(--accent); color: var(--accent); }

::selection { background: var(--accent); color: var(--bg); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}