/* =============================================
   The Sexvault — Design Tokens
   ============================================= */
:root {
  /* Backgrounds */
  --bg-deep:    #0a0810;
  --bg-surface: #110e1a;
  --bg-raised:  #1a1628;
  --bg-border:  #2e2450;

  /* Purple accent palette */
  --accent:       #4a1a7a;
  --accent-light: #7c3db5;
  --accent-glow:  #9b5de5;
  --accent-hover: #b47de8;

  /* Text */
  --text-primary:   #e8e0f0;
  --text-secondary: #9e8fc0;
  --text-muted:     #5a5080;
  --text-link:      #b47de8;
  --text-link-hover:#c99ff0;

  /* Status colours */
  --green:  #2d6a2d;
  --green-light: #4a9e4a;
  --gray:   #3a3a4a;
  --gray-light: #6a6a7a;
  --red:    #6e1515;
  --red-light: #c0392b;

  /* Typography */
  --font-body:   'Crimson Pro', Georgia, serif;
  --font-fraktur: 'UnifrakturMaguntia', cursive;
  --font-admin:  system-ui, -apple-system, sans-serif;
  --font-mono:   'Courier New', Courier, monospace;

  /* Sizing */
  --nav-width: 240px;
  --radius:    4px;
  --radius-lg: 8px;
}

/* ─── Font family switcher ─── */
[data-family="sans"] { --font-body: system-ui, -apple-system, Arial, sans-serif; }

/* ─── Light theme ─── */
[data-theme="light"] {
  --bg-deep:    #f0eaf8;
  --bg-surface: #e8e0f4;
  --bg-raised:  #ddd4ee;
  --bg-border:  #b8a8d8;
  --text-primary:   #1a0e2e;
  --text-secondary: #3d2870;
  --text-muted:     #7a6a9a;
  --text-link:      #6b2fa0;
  --text-link-hover:#9b5de5;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html { scroll-behavior: smooth; }