/* Shared vaddi pein light theme — purple & white, fixed (no dark mode toggle) */

:root {
  --bg: #faf9fc;
  --panel: #ffffff;
  --panel-soft: #f4f1fb;
  --lavender: #ede9fe;
  --purple: #7c3aed;
  --purple-dark: #5b21b6;
  --purple-mid: #8b5cf6;
  --text: #1f1147;
  --text-muted: #7c7594;
  --border: #e8e3f7;

  --brand-primary: var(--purple);
  --brand-primary-hover: var(--purple-dark);
  --brand-primary-light: #a78bfa;
  --brand-secondary: var(--purple-mid);
  --accent-pink: #ec4899;
  --bg-stage: var(--bg);
  --card-glass: var(--panel);
  --card-border: var(--border);
  --text-main: var(--text);
  --input-bg: var(--panel);
  --input-surface: var(--panel);
  --danger: #dc2626;
  --success: #059669;
  --overlay: rgba(0, 0, 0, 0.35);
  --card: var(--panel);
  --bg-dark: var(--lavender);
  --border-color: var(--border);
  --text-dark: var(--text);
  --surface: var(--panel);
  --surface-2: var(--panel-soft);
  --hover: var(--lavender);
  --nav-active-bg: var(--lavender);
  --nav-active-text: var(--purple-dark);
  --bg-sidebar: var(--panel);
  --card-bg: var(--panel);
  --font-display: "Outfit", "Plus Jakarta Sans", sans-serif;
  --font-body: "Plus Jakarta Sans", "Inter", sans-serif;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  color-scheme: light;
}

html {
  background: var(--bg);
}

html.light-theme {
  color-scheme: light;
}