@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Dark Theme Tokens (Default Luxury Bahrain Corporate) */
  --bg-primary: #07111E;
  --bg-secondary: #0D1B2E;
  --bg-tertiary: #13263E;
  --bg-elevated: #1A3252;
  --bg-glass: rgba(7, 17, 30, 0.88);
  --bg-glass-card: rgba(13, 27, 46, 0.72);
  --bg-glass-input: rgba(8, 18, 32, 0.85);

  --hero-bg-grad: radial-gradient(circle at 50% 20%, #152E50 0%, #07111E 75%);
  --ticker-bg: linear-gradient(90deg, #040913 0%, #0D1B2E 50%, #040913 100%);
  --footer-bg: #040913;
  --footer-newsletter-bg: linear-gradient(135deg, #0F223B 0%, #162E4E 100%);
  --odoo-box-bg: linear-gradient(135deg, #0E2038 0%, #0A1729 100%);
  --founder-box-bg: linear-gradient(135deg, #0E2038 0%, #091526 100%);
  --calc-result-bg: linear-gradient(135deg, #122540 0%, #0A1729 100%);

  /* Gold Palette */
  --gold-primary: #C5A047;
  --gold-light: #E8D5A3;
  --gold-hover: #D9B35A;
  --gold-dark: #9E782F;
  --gold-border: rgba(197, 160, 71, 0.35);
  --gold-glow: rgba(197, 160, 71, 0.25);
  --gold-gradient: linear-gradient(135deg, #F3E7BE 0%, #C5A047 50%, #E8D5A3 100%);

  /* Text & Typography Tokens */
  --text-primary: #FFFFFF;
  --text-secondary: #C8D6E5;
  --text-muted: #7E92A8;
  --text-heading: #FFFFFF;
  --text-inverse: #07111E;

  /* Borders & Shadows */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.16);
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
  --shadow-gold: 0 8px 25px rgba(197, 160, 71, 0.25);

  /* Fonts */
  --font-heading: 'Plus Jakarta Sans', 'Outfit', sans-serif;
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-arabic: 'Cairo', 'Plus Jakarta Sans', sans-serif;

  /* Dimensions & Radius */
  --header-height: 76px;
  --container-max-width: 1280px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================================================
   Comprehensive Light Mode Theme Tokens
   ========================================================================== */
[data-theme="light"] {
  --bg-primary: #F4F7FB;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #E8EEF6;
  --bg-elevated: #FFFFFF;
  --bg-glass: rgba(244, 247, 251, 0.92);
  --bg-glass-card: rgba(255, 255, 255, 0.92);
  --bg-glass-input: #FFFFFF;

  --hero-bg-grad: radial-gradient(circle at 50% 20%, #E3EDF8 0%, #F4F7FB 75%);
  --ticker-bg: linear-gradient(90deg, #E2EAF5 0%, #EEF4FC 50%, #E2EAF5 100%);
  --footer-bg: #091628;
  --footer-newsletter-bg: linear-gradient(135deg, #10223D 0%, #162E4E 100%);
  --odoo-box-bg: linear-gradient(135deg, #FFFFFF 0%, #F0F4FA 100%);
  --founder-box-bg: linear-gradient(135deg, #FFFFFF 0%, #F2F6FB 100%);
  --calc-result-bg: linear-gradient(135deg, #FFFFFF 0%, #EFF4FA 100%);

  /* Gold for Light Mode */
  --gold-primary: #B38827;
  --gold-light: #7A570C;
  --gold-hover: #9E7418;
  --gold-dark: #664606;
  --gold-border: rgba(179, 136, 39, 0.4);
  --gold-glow: rgba(179, 136, 39, 0.18);
  --gold-gradient: linear-gradient(135deg, #9E7418 0%, #B38827 50%, #7A570C 100%);

  /* Text for Light Mode */
  --text-primary: #0A1628;
  --text-secondary: #2C3E55;
  --text-muted: #566B84;
  --text-heading: #07111E;
  --text-inverse: #FFFFFF;

  /* Borders & Shadows */
  --border-subtle: rgba(10, 22, 40, 0.08);
  --border-medium: rgba(10, 22, 40, 0.16);
  --shadow-sm: 0 4px 12px rgba(10, 22, 40, 0.06);
  --shadow-md: 0 8px 24px rgba(10, 22, 40, 0.08);
  --shadow-lg: 0 16px 40px rgba(10, 22, 40, 0.12);
  --shadow-gold: 0 8px 25px rgba(179, 136, 39, 0.18);
}