/* ===== Konas-style Theme Variables ===== */
:root {
  --primary: #f5f5f7;
  --primary-light: #eaeaef;
  --accent: #00aeef;
  --accent-light: #33bfff;
  --accent-dark: #0085b8;
  --gold-gradient: linear-gradient(135deg, #00aeef 0%, #33bfff 50%, #00aeef 100%);
  --dark-gradient: linear-gradient(180deg, #f5f5f7 0%, #eaeaef 50%, #e0e0e5 100%);
  --glass-bg: rgba(0, 0, 0, 0.03);
  --glass-border: rgba(0, 0, 0, 0.1);
  --text-primary: #1a1a2e;
  --text-secondary: rgba(26, 26, 46, 0.7);
  --text-muted: rgba(26, 26, 46, 0.5);
  --section-dark: #ebebf0;
  --section-darker: #e0e0e5;
  --section-white: #ffffff;
  --card-bg: rgba(0, 0, 0, 0.02);
  --transition-smooth: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  --nav-float-bg: #ffffff;
  --nav-float-text: #1a1a2e;
  --nav-solid-bg: rgba(245, 245, 247, 0.95);
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;
}

[data-theme="dark"] {
  --primary: #1a1a2e;
  --primary-light: #16213e;
  --accent: #00aeef;
  --accent-light: #33bfff;
  --accent-dark: #0085b8;
  --gold-gradient: linear-gradient(135deg, #00aeef 0%, #33bfff 50%, #00aeef 100%);
  --dark-gradient: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 50%, #16213e 100%);
  --glass-bg: rgba(255, 255, 255, 0.05);
  --glass-border: rgba(255, 255, 255, 0.1);
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-muted: rgba(255, 255, 255, 0.5);
  --section-dark: #0d0d1a;
  --section-darker: #080814;
  --section-white: #111122;
  --card-bg: rgba(255, 255, 255, 0.03);
  --nav-float-bg: rgba(255, 255, 255, 0.1);
  --nav-float-text: #ffffff;
  --nav-solid-bg: rgba(10, 10, 26, 0.95);
}