/* ==========================================================================
   GALICOVE DESIGN SYSTEM - VARIABLES & DESIGN TOKENS
   Build · Manage · Experience
   ========================================================================== */

:root {
  /* Brand Core Colors (Deep & Elegant Blue) */
  --color-brand-deep: #071324;
  --color-brand-navy: #0B2240;
  --color-brand-blue: #12345E;
  --color-brand-accent: #2563EB;
  --color-brand-sky: #60A5FA;

  /* Division Accent Colors */
  --color-construction: #94A3B8;     /* Plata / Gris arquitectónico */
  --color-construction-dark: #475569;
  --color-property: #3B82F6;         /* Blueprint / Azul arquitectónico */
  --color-hospitality: #C5A880;      /* Tono arena / experiencia cálida */
  --color-hospitality-dark: #8C6D48;
  --color-events: #E5A93C;           /* Oro vibrante / Premium */
  --color-events-dark: #B47C1C;
  --color-products: #10B981;         /* Verde fotocatalítico / Eco-tech */
  --color-products-dark: #059669;

  /* Neutral Spectrum & Surfaces */
  --color-bg-white: #FFFFFF;
  --color-bg-mist: #F8FAFC;
  --color-bg-slate: #F1F5F9;
  --color-bg-dark: #07111E;
  --color-bg-card-dark: #0E1D31;

  /* Typography Colors */
  --color-text-main: #0F172A;
  --color-text-muted: #475569;
  --color-text-light: #94A3B8;
  --color-text-inverse: #F8FAFC;
  --color-text-inverse-muted: #CBD5E1;

  /* Borders & Dividers */
  --border-light: rgba(15, 23, 42, 0.08);
  --border-medium: rgba(15, 23, 42, 0.16);
  --border-dark: rgba(255, 255, 255, 0.12);
  --border-dark-strong: rgba(255, 255, 255, 0.22);

  /* Typography Scale */
  --font-family-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-family-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Fluid Font Sizes using clamp() for seamless Mobile-First scalability */
  --font-size-hero: clamp(2.4rem, 6.5vw, 5.2rem);
  --font-size-hero-sub: clamp(1.1rem, 2.5vw, 1.75rem);
  --font-size-h1: clamp(1.75rem, 3.7vw, 2.9rem);
  --font-size-h2: clamp(1.35rem, 2.65vw, 2.05rem);
  --font-size-h3: clamp(1.25rem, 2vw, 1.6rem);
  --font-size-lead: clamp(1.05rem, 1.4vw, 1.25rem);
  --font-size-body: clamp(0.95rem, 1vw, 1.05rem);
  --font-size-small: clamp(0.82rem, 0.9vw, 0.9rem);
  --font-size-tiny: 0.75rem;

  /* Spacing Scale (Fluid Mobile-First) */
  --space-xs: clamp(0.25rem, 0.5vw, 0.5rem);
  --space-sm: clamp(0.5rem, 1vw, 0.75rem);
  --space-md: clamp(0.9rem, 1.6vw, 1.35rem);
  --space-lg: clamp(1.5rem, 2.5vw, 2.1rem);
  --space-xl: clamp(2rem, 3.6vw, 3.25rem);
  --space-2xl: clamp(2.75rem, 5.2vw, 4.75rem);

  /* Container Widths */
  --container-max: 1440px;
  --container-narrow: 1020px;
  --container-padding: clamp(1rem, 3vw, 2rem);

  /* Elevation & Shadows */
  --shadow-sm: 0 2px 4px rgba(7, 19, 36, 0.04);
  --shadow-md: 0 10px 25px -5px rgba(7, 19, 36, 0.07), 0 8px 10px -6px rgba(7, 19, 36, 0.04);
  --shadow-lg: 0 20px 40px -10px rgba(7, 19, 36, 0.12), 0 10px 15px -5px rgba(7, 19, 36, 0.06);
  --shadow-card-dark: 0 15px 35px rgba(0, 0, 0, 0.35);

  /* Transitions & Animation Timings */
  --transition-fast: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 320ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 550ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 9999px;

  /* Glassmorphism & Header */
  --header-height: 80px;
  --glass-bg-light: rgba(255, 255, 255, 0.88);
  --glass-bg-dark: rgba(7, 19, 36, 0.88);
  --glass-blur: blur(14px);
}