/* MDDB America - CSS Variables & Theme Configuration */

:root {
  /* Primary Colors */
  --color-primary: #1a8cff;
  --color-primary-hover: #0a6cd4;
  --color-primary-dark: #0a3d6b;
  --color-primary-darker: #0a1f4e;

  /* Secondary Colors */
  --color-footer: #0a1628;
  --color-text-light: rgba(255, 255, 255, 0.85);
  --color-text-dark: #1a1a2e;

  /* Neutral Colors */
  --color-white: #fff;
  --color-light-bg: #f9f9fb;
  --color-light-card: #f0f6ff;
  --color-light-input: #e8f2ff;

  /* Gray Scale */
  --color-text-muted: #4a5568;
  --color-gray-dark: #666;
  --color-gray-medium: #888;
  --color-gray-light: #eee;

  /* Overlays */
  --overlay-dark-70: rgba(0, 0, 0, 0.7);
  --overlay-dark-95: rgba(0, 0, 0, 0.95);
  --overlay-white-10: rgba(255, 255, 255, 0.1);
  --overlay-white-20: rgba(255, 255, 255, 0.2);
  --overlay-white-08: rgba(255, 255, 255, 0.08);

  /* Accent Colors */
  --color-accent-blue-light: rgba(26, 140, 255, 0.07);
  --color-accent-blue-lighter: rgba(26, 140, 255, 0.06);
  --color-accent-blue-12: rgba(26, 140, 255, 0.12);
  --color-black-dim: rgba(0, 0, 10, 0.0);
  --color-black-90: rgba(0, 0, 0, 0.9);

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 5rem;

  /* Typography */
  --font-family: 'Segoe UI', sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.88rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.1rem;
  --font-size-xl: 1.2rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.2rem;
  --font-size-5xl: 2.8rem;
  --font-size-6xl: 3rem;
  --font-size-hero: 5.2rem;

  /* Font Weights */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;

  /* Border Radius */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-2xl: 12px;
  --radius-3xl: 16px;
  --radius-full: 50%;

  /* Transitions */
  --transition-fast: 0.2s;
  --transition-normal: 0.3s;
  --transition-slow: 0.6s;
  --easing-ease: ease;
  --easing-ease-in-out: ease-in-out;

  /* Shadows */
  --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 2px 12px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 8px 24px rgba(26, 140, 255, 0.12);

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #0a3d6b 0%, #1a8cff 100%);
  --gradient-primary-160: linear-gradient(160deg, #eef4ff 0%, #f0f6ff 50%, #e8f0ff 100%);

  /* Z-index */
  --z-footer: 1;
  --z-content: 2;
  --z-mobile-menu: 99;
  --z-nav: 100;
  --z-hero-overlay: 10;

  /* Breakpoints (for reference, use in media queries) */
  --breakpoint-tablet: 1024px;
  --breakpoint-mobile: 768px;
  --breakpoint-small: 480px;
}