/* Violet theme overrides for the public frontend — loaded after base_styles.css */

:root[theme="dark"] {
  --bg-dark:      hsl(262, 54%,  6%);
  --bg:           hsl(262, 45%,  9%);
  --bg-light:     hsl(262, 38%, 14%);
  --gradient:       linear-gradient(135deg, hsl(262, 45%,  9%) 0%, hsl(262, 40%, 12%) 100%);
  --gradient-hover: linear-gradient(135deg, hsl(262, 40%, 12%) 0%, hsl(262, 45%, 11%) 100%);
  --text:         hsl(270, 60%, 97%);
  --text-muted:   hsl(270, 20%, 68%);
  --highlight:    hsl(262, 35%, 22%);
  --border:       hsl(262, 30%, 28%);
  --border-muted: hsl(262, 35%, 18%);
  --primary:      hsl(262, 83%, 68%);
  --secondary:    hsl(270, 50%, 78%);
  --shadow:       0 2px 8px rgba(0, 0, 0, 0.45), 0 8px 24px rgba(0, 0, 0, 0.25);
  --border-card:  solid 1px var(--border-muted);
}

:root[theme="light"] {
  --bg-dark:      hsl(270, 30%, 92%);
  --bg:           hsl(270, 35%, 97%);
  --bg-light:     hsl(0,   0%, 100%);
  --gradient:       linear-gradient(135deg, hsl(270, 35%, 97%) 0%, hsl(0, 0%, 100%) 100%);
  --gradient-hover: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, hsl(270, 30%, 96%) 100%);
  --text:         hsl(262, 50%, 12%);
  --text-muted:   hsl(262, 18%, 42%);
  --highlight:    hsl(262, 70%, 94%);
  --border:       hsl(262, 22%, 76%);
  --border-muted: hsl(262, 22%, 87%);
  --primary:      hsl(262, 70%, 52%);
  --secondary:    hsl(262, 42%, 38%);
  --shadow:       0 2px 8px rgba(100, 60, 180, 0.08), 0 8px 24px rgba(100, 60, 180, 0.04);
  --border-card:  solid 1px var(--border-muted);
}

/* border-box on everything so width: 100% + padding never overflows */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Reset body margin so sections can go full-width */
body {
  margin: 0;
}

.content-wrapper {
  gap: 0;
}