/**
 * Catalyze Capital - Premium Design System Variables
 * Modern, High-End Real Estate & Advisory Theme
 */

:root {
  /* --- COLOR PALETTE --- */
  /* Primary Colors */
  --color-primary-hue: 197;
  --color-primary-sat: 100%;
  --color-primary-light: 50%;
  --color-primary: #12AEEA;
  --color-primary-hover: #0099d6;
  --color-primary-soft: rgba(0, 183, 255, 0.1);
  --color-primary-glow: rgba(0, 183, 255, 0.28);
  --color-accent: #e500a4;
  --color-accent-hover: #c6008e;
  --color-accent-soft: rgba(229, 0, 164, 0.1);
  --color-accent-glow: rgba(229, 0, 164, 0.24);

  /* Neutral Dark (Obsidian & Charcoal) */
  --color-dark-hue: 219;
  --color-dark-sat: 69%;
  --color-dark-900: #071326;
  --color-dark-800: #0b1b33;
  --color-dark-700: #143052;
  --color-dark-glow: rgba(7, 19, 38, 0.72);

  /* Neutral Light (Alabaster & Cream) */
  --color-light-100: #ffffff;
  --color-light-200: #f4f8fc;
  --color-light-300: #dce7f2;

  /* Text Colors */
  --color-text-dark: #0b132b;
  --color-text-muted: #4B5563;
  --color-text-light: hsl(0, 0%, 100%);
  --color-text-cream: #eaf6ff;

  /* Utility Colors */
  --color-success: #10b981;
  /* Emerald */
  --color-warning: #f59e0b;
  /* Amber */
  --color-danger: #ef4444;
  /* Rose */
  --color-info: #3b82f6;
  /* Blue */

  /* --- TYPOGRAPHY (Outfit, Poppins & Cormorant Garamond Fonts) --- */
  --font-heading: "Outfit", sans-serif;
  --font-body: "Poppins", sans-serif;
  --font-display:
    "Italiana", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

  /* --- PREMIUM DECORATIVE SHADOWS & NEUMORPHIC GLOW --- */
  --shadow-sm: 0 8px 24px rgba(7, 19, 38, 0.05);
  --shadow-md: 0 14px 36px rgba(7, 19, 38, 0.08);
  --shadow-lg: 0 24px 70px rgba(7, 19, 38, 0.12);
  --shadow-premium: 0 28px 80px rgba(0, 183, 255, 0.12);
  --shadow-glass: 0 18px 60px rgba(7, 19, 38, 0.22);

  /* --- BORDER RADIUS FOR A MODERN CLEAN LOOK --- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-circle: 50%;
  --radius-pill: 9999px;

  /* --- SMOOTH TRANSITION EASE CURVES --- */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  /* --- HEIGHT CONSTANTS --- */
  --navbar-height: 80px;
  --navbar-height-scrolled: 70px;

  /* --- LUXURY THEME SYSTEM VARIABLES (LIGHT MODE DEFAULT) --- */
  --theme-bg: var(--color-light-100); /* #FFFFFF */
  --theme-bg-alt: var(--color-light-200); /* #F4F8FC */
  --theme-bg-card: #ffffff;
  --theme-bg-card-hover: #ffffff;

  --theme-text: var(--color-text-dark); /* #0B132B */
  --theme-text-muted: var(--color-text-muted); /* #4B5563 */
  --theme-text-cream: var(--color-text-dark);
  --theme-text-light: var(--color-text-dark);

  --theme-border: rgba(7, 19, 38, 0.08);
  --theme-border-card: rgba(7, 19, 38, 0.05);
  --theme-border-glow: rgba(0, 183, 255, 0.15);

  --theme-shadow: var(--shadow-sm);
  --theme-shadow-hover:
    0 20px 40px rgba(0, 183, 255, 0.06), 0 15px 30px rgba(7, 19, 38, 0.04);

  --theme-navbar-bg: transparent;
  --theme-navbar-bg-scrolled: rgba(255, 255, 255, 0.96);
  --theme-navbar-link: rgba(7, 19, 38, 0.85);
  --theme-navbar-border: rgba(7, 19, 38, 0.08);
  --theme-navbar-border-scrolled: rgba(0, 183, 255, 0.18);
  --theme-hero-overlay:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15) 0%,
      rgba(255, 255, 255, 0) 45%,
      rgba(255, 255, 255, 0.2) 100%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0) 50%,
      rgba(255, 255, 255, 0.1) 100%
    );
  --theme-hero-text: var(--color-text-dark);
  --theme-hero-lead: rgba(7, 19, 38, 0.85);

  --theme-cta-bg-image: url("https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1200&q=80");
  --theme-cta-overlay: var(--theme-hero-overlay);
  --theme-cta-subtitle: var(--color-primary-hover);

  --theme-overlay-luxury-bg: rgba(255, 255, 255, 0.98);
  --theme-overlay-luxury-link: var(--color-text-dark);

  --theme-card-shade-v: linear-gradient(
    180deg,
    rgba(7, 19, 38, 0.0) 0%,
    rgba(7, 19, 38, 0.25) 45%,
    rgba(7, 19, 38, 0.72) 100%
  );
  --theme-card-shade-h: linear-gradient(
    90deg,
    rgba(7, 19, 38, 0.28) 0%,
    rgba(7, 19, 38, 0.06) 35%,
    transparent 65%
  );
  --theme-card-image-text: #ffffff;
  --theme-card-image-text-muted: rgba(255, 255, 255, 0.82);

  --theme-testimonial-bg: var(--color-light-200);
  --theme-testimonial-card-bg: #ffffff;
  --theme-testimonial-text: var(--color-text-dark);
  --theme-testimonial-quote-color: rgba(0, 183, 255, 0.1);
  --theme-testimonial-divider: rgba(7, 19, 38, 0.16);
  --theme-testimonial-subtitle: #0077b5;
  --theme-testimonial-counter-muted: var(--theme-text-muted);
  --theme-testimonial-counter-active: #0077b5;
  --theme-testimonial-nav-border: rgba(7, 19, 38, 0.15);
  --theme-testimonial-nav-shadow: 0 4px 12px rgba(7, 19, 38, 0.05);

  --theme-trust-bg-img-opacity: 0.08;
  --theme-trust-overlay:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.95) 0%,
      rgba(255, 255, 255, 0.8) 50%,
      rgba(255, 255, 255, 0.5) 100%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(255, 255, 255, 0.92) 100%
    );

  --theme-footer-bg: var(--color-light-200);
  --theme-footer-text: var(--color-text-dark);
  --theme-footer-link: rgba(7, 19, 38, 0.75);
  --theme-footer-border: rgba(7, 19, 38, 0.08);

  /* --- CAPITAL MASONRY THEME VARIABLES --- */
  --theme-capital-bg:
    radial-gradient(circle at 16% 0%, rgba(0, 183, 255, 0.05), transparent 32%),
    radial-gradient(
      circle at 88% 18%,
      rgba(229, 0, 164, 0.03),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      var(--color-light-100) 0%,
      #ffffff 58%,
      var(--color-light-100) 100%
    );
  --theme-capital-card-bg:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.95),
      rgba(245, 248, 250, 0.9)
    ),
    #ffffff;
  --theme-capital-card-insight-bg:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.9),
      rgba(245, 248, 250, 0.95)
    ),
    #ffffff;
  --theme-capital-card-corridors-bg:
    radial-gradient(
      circle at 88% 10%,
      rgba(0, 183, 255, 0.06),
      transparent 34%
    ),
    linear-gradient(155deg, rgba(255, 255, 255, 0.95), rgba(245, 248, 250, 1));
  --theme-capital-card-stat-bg:
    radial-gradient(
      circle at 86% 12%,
      rgba(0, 183, 255, 0.08),
      transparent 30%
    ),
    linear-gradient(145deg, #ffffff, #f5f7fa);
  --theme-capital-card-trust-bg:
    radial-gradient(
      circle at 22% 12%,
      rgba(0, 183, 255, 0.06),
      transparent 28%
    ),
    linear-gradient(145deg, #ffffff, #f0f4f8);
  --theme-capital-card-testimonial-bg:
    linear-gradient(145deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.01)), #ffffff;
  --theme-capital-card-cta-bg:
    radial-gradient(circle at 82% 12%, rgba(0, 183, 255, 0.1), transparent 34%),
    linear-gradient(145deg, #f5f7fa, #ffffff);
  --theme-capital-card-border: rgba(0, 0, 0, 0.06);
  --theme-capital-card-border-hover: rgba(0, 183, 255, 0.2);
  --theme-capital-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  --theme-capital-card-shadow-hover:
    0 20px 40px rgba(0, 183, 255, 0.05), 0 15px 30px rgba(0, 0, 0, 0.06);
  --theme-capital-icon-bg: #ffffff;
  --theme-capital-icon-border: rgba(0, 183, 255, 0.32);
  --theme-capital-cta-bg: var(--color-dark-900);
  --theme-capital-cta-border: var(--color-dark-900);
  --theme-capital-cta-text: var(--color-text-light);
  --theme-capital-cta-arrow-bg: var(--color-text-light);
  --theme-capital-cta-arrow-color: var(--color-dark-900);

  /* --- PROPERTY CARDS THEME VARIABLES --- */
  --theme-card-divider: rgba(7, 19, 38, 0.1);
  --theme-pcard-arrow-bg: var(--color-light-200);
  --theme-pcard-arrow-border: var(--color-light-300);
  --theme-pcard-arrow-color: var(--color-dark-900);

  /* --- MISSION & VALUES THEME VARIABLES --- */
  --theme-mv-overlay: var(--theme-hero-overlay);
  --theme-mv-eyebrow: rgba(255, 255, 255, 0.9);
  --theme-mv-title: #ffffff;
  --theme-mv-icon: var(--color-primary);
  --theme-mv-heading: #ffffff;
  --theme-mv-text: rgba(255, 255, 255, 0.85);
  --theme-mv-heading-hover: var(--color-primary);
}

[data-theme="dark"] {
  /* --- LUXURY THEME SYSTEM VARIABLES (DARK MODE OVERRIDES) --- */
  --theme-bg: var(--color-dark-900); /* #071326 */
  --theme-bg-alt: var(--color-dark-800); /* #0B1B33 */
  --theme-bg-card: rgba(255, 255, 255, 0.02);
  --theme-bg-card-hover: rgba(255, 255, 255, 0.04);

  --theme-text: var(--color-text-light); /* #FFFFFF */
  --theme-text-muted: rgba(255, 255, 255, 0.6);
  --theme-text-cream: var(--color-text-cream);
  --theme-text-light: var(--color-text-light);

  --theme-border: rgba(255, 255, 255, 0.08);
  --theme-border-card: rgba(255, 255, 255, 0.04);
  --theme-border-glow: rgba(0, 183, 255, 0.2);

  --theme-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  --theme-shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.4);

  --theme-navbar-bg: transparent;
  --theme-navbar-bg-scrolled: rgba(17, 20, 26, 0.95);
  --theme-navbar-link: rgba(255, 255, 255, 0.75);
  --theme-navbar-border: rgba(255, 255, 255, 0.08);
  --theme-navbar-border-scrolled: rgba(0, 183, 255, 0.18);

  --theme-hero-overlay:
    linear-gradient(
      180deg,
      rgba(7, 19, 38, 0.6) 0%,
      rgba(7, 19, 38, 0.35) 45%,
      rgba(7, 19, 38, 0.72) 100%
    ),
    linear-gradient(
      90deg,
      rgba(7, 19, 38, 0.62) 0%,
      rgba(7, 19, 38, 0.18) 50%,
      rgba(7, 19, 38, 0.62) 100%
    );
  --theme-hero-text: var(--color-text-light);
  --theme-hero-lead: rgba(255, 255, 255, 0.8);

  --theme-cta-overlay: var(--theme-hero-overlay);
  --theme-cta-subtitle: var(--color-primary);

  --theme-overlay-luxury-bg: rgba(7, 19, 38, 0.98);
  --theme-overlay-luxury-link: var(--color-text-light);

  --theme-card-shade-v: linear-gradient(
    180deg,
    rgba(7, 19, 38, 0.05) 0%,
    rgba(7, 19, 38, 0.3) 36%,
    rgba(7, 19, 38, 0.95) 100%
  );
  --theme-card-shade-h: linear-gradient(
    90deg,
    rgba(7, 19, 38, 0.75),
    transparent 58%
  );

  --theme-testimonial-bg: var(--color-dark-800);
  --theme-testimonial-card-bg: rgba(255, 255, 255, 0.02);
  --theme-testimonial-text: var(--color-text-light);
  --theme-testimonial-quote-color: rgba(255, 255, 255, 0.05);
  --theme-testimonial-divider: rgba(255, 255, 255, 0.08);
  --theme-testimonial-subtitle: var(--color-primary);
  --theme-testimonial-counter-muted: rgba(255, 255, 255, 0.7);
  --theme-testimonial-counter-active: var(--color-primary);
  --theme-testimonial-nav-border: rgba(255, 255, 255, 0.15);
  --theme-testimonial-nav-shadow: none;

  --theme-trust-bg-img-opacity: 0.3;
  --theme-trust-overlay:
    linear-gradient(
      95deg,
      rgba(7, 19, 38, 0.94) 0%,
      rgba(7, 19, 38, 0.72) 44%,
      rgba(7, 19, 38, 0.3) 100%
    ),
    linear-gradient(180deg, rgba(7, 19, 38, 0.2) 0%, rgba(7, 19, 38, 0.9) 100%),
    radial-gradient(circle at 80% 30%, rgba(0, 183, 255, 0.2), transparent 32%);

  --theme-footer-bg: var(--color-dark-900);
  --theme-footer-text: rgba(255, 255, 255, 0.7);
  --theme-footer-link: rgba(255, 255, 255, 0.6);
  --theme-footer-border: rgba(255, 255, 255, 0.08);

  /* --- CAPITAL MASONRY THEME VARIABLES --- */
  --theme-capital-bg:
    radial-gradient(circle at 16% 0%, rgba(0, 183, 255, 0.06), transparent 32%),
    radial-gradient(
      circle at 88% 18%,
      rgba(229, 0, 164, 0.04),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      var(--color-dark-900) 0%,
      var(--color-dark-800) 58%,
      var(--color-dark-900) 100%
    );
  --theme-capital-card-bg:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.04),
      rgba(255, 255, 255, 0.01)
    ),
    var(--color-dark-800);
  --theme-capital-card-insight-bg:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.03),
      rgba(255, 255, 255, 0.01)
    ),
    var(--color-dark-800);
  --theme-capital-card-corridors-bg:
    radial-gradient(
      circle at 88% 10%,
      rgba(0, 183, 255, 0.12),
      transparent 34%
    ),
    linear-gradient(
      155deg,
      rgba(255, 255, 255, 0.04),
      rgba(255, 255, 255, 0.01)
    ),
    var(--color-dark-800);
  --theme-capital-card-stat-bg:
    radial-gradient(
      circle at 86% 12%,
      rgba(0, 183, 255, 0.15),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.04),
      rgba(255, 255, 255, 0.01)
    ),
    var(--color-dark-800);
  --theme-capital-card-trust-bg:
    radial-gradient(
      circle at 22% 12%,
      rgba(0, 183, 255, 0.12),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.04),
      rgba(255, 255, 255, 0.01)
    ),
    var(--color-dark-800);
  --theme-capital-card-testimonial-bg:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.02),
      rgba(255, 255, 255, 0.01)
    ),
    var(--color-dark-800);
  --theme-capital-card-cta-bg:
    radial-gradient(
      circle at 82% 12%,
      rgba(0, 183, 255, 0.15),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.04),
      rgba(255, 255, 255, 0.01)
    ),
    var(--color-dark-800);
  --theme-capital-card-border: rgba(255, 255, 255, 0.08);
  --theme-capital-card-border-hover: rgba(0, 183, 255, 0.35);
  --theme-capital-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  --theme-capital-card-shadow-hover:
    0 20px 40px rgba(0, 183, 255, 0.12), 0 15px 30px rgba(0, 0, 0, 0.4);
  --theme-capital-icon-bg: var(--color-dark-800);
  --theme-capital-icon-border: rgba(0, 183, 255, 0.5);
  --theme-capital-cta-bg: var(--color-light-100);
  --theme-capital-cta-border: var(--color-light-100);
  --theme-capital-cta-text: var(--color-dark-900);
  --theme-capital-cta-arrow-bg: var(--color-dark-900);
  --theme-capital-cta-arrow-color: var(--color-light-100);

  /* --- PROPERTY CARDS THEME VARIABLES --- */
  --theme-card-divider: rgba(255, 255, 255, 0.16);
  --theme-pcard-arrow-bg: rgba(255, 255, 255, 0.06);
  --theme-pcard-arrow-border: rgba(255, 255, 255, 0.12);
  --theme-pcard-arrow-color: var(--theme-text);

  /* --- MISSION & VALUES THEME VARIABLES --- */
  --theme-mv-overlay: var(--theme-hero-overlay);
  --theme-mv-eyebrow: rgba(255, 255, 255, 0.9);
  --theme-mv-title: #ffffff;
  --theme-mv-icon: #ffffff;
  --theme-mv-heading: #ffffff;
  --theme-mv-text: rgba(255, 255, 255, 0.75);
  --theme-mv-heading-hover: var(--color-primary);
}