/* MauiStarter palette — extracted from icon-favicon.svg */
:root {
  --primary: #7c6aff;
  --primary-end: #a78bfa;
  --accent-mint: #22d3a5;
  --accent-light: #e8e8f0;

  --bg: #f8f8fc;
  --surface: #ffffff;
  --surface-2: #f0f0f6;
  --border: #e0e0ea;

  --text-primary: #1a1a24;
  --text-secondary: #5c5c6e;
  --text-muted: #9898a8;

  --success: #0d9f7a;
  --error: #e04545;
  --warning: #d97706;

  --gradient-primary: linear-gradient(135deg, #7c6aff 0%, #a78bfa 100%);
  --gradient-mint: linear-gradient(135deg, #7c6aff 0%, #22d3a5 100%);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 12px 40px rgba(124, 106, 255, 0.15);
  --glow-primary: 0 0 20px rgba(124, 106, 255, 0.35);
  --glow-mint: 0 0 20px rgba(34, 211, 165, 0.25);

  --nav-bg: rgba(248, 248, 252, 0.88);
  --orb-violet: rgba(124, 106, 255, 0.12);
  --orb-mint: rgba(34, 211, 165, 0.08);
  --focus-ring: rgba(124, 106, 255, 0.12);
  --seg-track-bg: #f0f0f6;
  --seg-inactive-bg: rgba(124, 106, 255, 0.14);
  --seg-inactive-text: #6b4fe0;
  --seg-active-text: #ffffff;
  --navbar-hover: #f0f0f6;
  --before-muted: #9ca3af;
  --section-gap: 60px;
  --transition: 300ms ease-in-out;
}

[data-theme='dark'] {
  --bg: #0a0a0f;
  --surface: #13131a;
  --surface-2: #1c1c26;
  --border: #2a2a3a;

  --text-primary: #e8e8f0;
  --text-secondary: #888899;
  --text-muted: #555566;

  --success: #22d3a5;
  --error: #ff6b6b;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-xl: 0 12px 40px rgba(124, 106, 255, 0.2);
  --glow-primary: 0 0 24px rgba(124, 106, 255, 0.4);
  --glow-mint: 0 0 20px rgba(34, 211, 165, 0.3);

  --nav-bg: rgba(10, 10, 15, 0.85);
  --orb-violet: rgba(124, 106, 255, 0.18);
  --orb-mint: rgba(34, 211, 165, 0.12);
  --focus-ring: rgba(124, 106, 255, 0.15);
  --seg-track-bg: #1c1c26;
  --seg-inactive-bg: rgba(124, 106, 255, 0.18);
  --seg-inactive-text: #a78bfa;
  --navbar-hover: #1c1c26;
  --before-muted: #6b7280;
}