:root {
  color-scheme: dark;
  --aevua-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", sans-serif;
  --aevua-ease: cubic-bezier(.2, .8, .2, 1);
  --aevua-ease-emphasized: cubic-bezier(.16, 1, .3, 1);
  --aevua-duration-fast: 160ms;
  --aevua-duration: 260ms;
  --aevua-duration-slow: 460ms;
  --aevua-space-1: 4px;
  --aevua-space-2: 8px;
  --aevua-space-3: 12px;
  --aevua-space-4: 16px;
  --aevua-space-5: 20px;
  --aevua-space-6: 24px;
  --aevua-space-8: 32px;
  --aevua-radius-sm: 10px;
  --aevua-radius-md: 14px;
  --aevua-radius-lg: 20px;
  --aevua-radius-xl: 28px;
  --aevua-bg: #090d16;
  --aevua-bg-elevated: #101622;
  --aevua-surface: rgba(20, 27, 40, .72);
  --aevua-surface-strong: rgba(24, 32, 46, .9);
  --aevua-surface-soft: rgba(255, 255, 255, .035);
  --aevua-border: rgba(236, 224, 188, .12);
  --aevua-border-strong: rgba(236, 224, 188, .24);
  --aevua-text: #f4efe4;
  --aevua-text-secondary: rgba(244, 239, 228, .68);
  --aevua-text-tertiary: rgba(244, 239, 228, .5);
  --aevua-gold: #e5c95f;
  --aevua-gold-soft: rgba(229, 201, 95, .15);
  --aevua-blue: #7ba1ff;
  --aevua-green: #62d99f;
  --aevua-orange: #f0a46f;
  --aevua-red: #ff8b86;
  --aevua-shadow-sm: 0 8px 24px rgba(0, 0, 0, .16);
  --aevua-shadow-md: 0 20px 54px rgba(0, 0, 0, .24);
  --aevua-shadow-lg: 0 34px 90px rgba(0, 0, 0, .34);
  --aevua-glass: saturate(1.18) blur(22px);

  --bg: var(--aevua-bg);
  --bg-2: var(--aevua-bg-elevated);
  --panel: var(--aevua-surface);
  --panel-2: rgba(15, 21, 34, .82);
  --panel-solid: #141b28;
  --panel-soft: var(--aevua-surface-soft);
  --border: var(--aevua-border);
  --border-strong: var(--aevua-border-strong);
  --text: var(--aevua-text);
  --muted: var(--aevua-text-secondary);
  --muted-soft: var(--aevua-text-tertiary);
  --gold: var(--aevua-gold);
  --gold-2: #f0d979;
  --gold-bright: #f4d86f;
  --blue: var(--aevua-blue);
  --green: var(--aevua-green);
  --orange: var(--aevua-orange);
  --red: var(--aevua-red);
  --success: var(--aevua-green);
  --warning: var(--aevua-gold);
  --danger: var(--aevua-red);
  --shadow-soft: var(--aevua-shadow-md);
}

body[data-theme="light"] {
  color-scheme: light;
  --aevua-bg: #f5f5f7;
  --aevua-bg-elevated: #ffffff;
  --aevua-surface: rgba(255, 255, 255, .82);
  --aevua-surface-strong: rgba(255, 255, 255, .96);
  --aevua-surface-soft: rgba(29, 29, 31, .035);
  --aevua-border: rgba(29, 29, 31, .12);
  --aevua-border-strong: rgba(29, 29, 31, .2);
  --aevua-text: #1d1d1f;
  --aevua-text-secondary: rgba(29, 29, 31, .66);
  --aevua-text-tertiary: rgba(29, 29, 31, .48);
  --aevua-gold: #b99726;
  --aevua-gold-soft: rgba(185, 151, 38, .14);
  --aevua-shadow-sm: 0 8px 24px rgba(29, 29, 31, .08);
  --aevua-shadow-md: 0 20px 54px rgba(29, 29, 31, .12);
  --aevua-shadow-lg: 0 34px 90px rgba(29, 29, 31, .16);
  --bg: var(--aevua-bg);
  --bg-2: #ececf1;
  --panel: var(--aevua-surface);
  --panel-2: rgba(255, 255, 255, .72);
  --panel-solid: #ffffff;
  --panel-soft: var(--aevua-surface-soft);
  --border: var(--aevua-border);
  --border-strong: var(--aevua-border-strong);
  --text: var(--aevua-text);
  --muted: var(--aevua-text-secondary);
  --muted-soft: var(--aevua-text-tertiary);
  --gold: var(--aevua-gold);
  --gold-2: #c6a33a;
  --gold-bright: #b99726;
  --shadow-soft: var(--aevua-shadow-md);
}