/* ============================================
   Mahidhar Safety Nets — Design Tokens
   Brand Colors: Deep Navy + Orange + Gold
   ============================================ */

:root {
  /* ── PRIMARY COLORS (Mahidhar Brand) ── */
  --color-primary: #1a2754;         /* Deep Navy Blue (from logo circle) */
  --color-primary-dark: #111a3a;    /* Darker Navy */
  --color-primary-light: #2a3d7a;   /* Lighter Navy */
  --color-accent: #f47c2a;          /* Mahidhar Orange */
  --color-accent-dark: #d4661a;     /* Dark Orange */
  --color-accent-light: #f99558;    /* Light Orange */
  --color-highlight: #c9a227;       /* Gold (logo border) */
  --color-highlight-light: #e4c050; /* Light Gold */
  --color-yellow: #f5c518;
  --color-gold: #c9a227;
  --color-red: #e04025;

  /* Neutrals */
  --color-white: #ffffff;
  --color-off-white: #f5f7fa;
  --color-light-gray: #e8edf2;
  --color-gray-100: #dde3ea;
  --color-gray-200: #c5ced8;
  --color-gray-300: #94a3b8;
  --color-gray-400: #64748b;
  --color-gray-500: #475569;
  --color-dark: #1e293b;
  --color-darker: #0f172a;
  --color-darkest: #020617;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #1a2754 0%, #2a3d7a 100%);
  --gradient-accent: linear-gradient(135deg, #f47c2a 0%, #f99558 100%);
  --gradient-bar: linear-gradient(90deg, #1a2754 0%, #f47c2a 50%, #c9a227 100%);
  --gradient-hero-overlay: linear-gradient(90deg, rgba(17,26,58,0.88) 0%, rgba(26,39,84,0.65) 50%, rgba(0,0,0,0.2) 100%);

  /* Typography */
  --font-heading: 'Poppins', 'PT Sans', sans-serif;
  --font-body: 'Mulish', 'Inter', sans-serif;

  /* Sizes */
  --fs-display: clamp(2rem, 5vw, 3.2rem);
  --fs-h1: clamp(1.75rem, 4vw, 2.75rem);
  --fs-h2: clamp(1.5rem, 3vw, 2.25rem);
  --fs-h3: clamp(1.15rem, 2.5vw, 1.5rem);
  --fs-h4: 1.15rem;
  --fs-body-lg: 1.05rem;
  --fs-body: 0.95rem;
  --fs-small: 0.85rem;
  --fs-xs: 0.75rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  --lh-tight: 1.25;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* Border & Radius */
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 15px;
  --radius-xl: 20px;
  --radius-full: 50px;
  --border-card: 2px solid var(--color-primary);

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 25px rgba(0,0,0,0.12);
  --shadow-card: 0 2px 10px rgba(26,39,84,0.1);
  --shadow-card-hover: 0 8px 30px rgba(26,39,84,0.2);

  /* Layout */
  --container-max: 1200px;
  --container-padding: clamp(15px, 3vw, 30px);
  --section-padding: clamp(2.5rem, 6vw, 4rem);
  --header-secondary-height: 40px;
  --header-main-height: 80px;
  --header-total-height: calc(var(--header-secondary-height) + var(--header-main-height));

  /* Z-index */
  --z-sticky: 100;
  --z-header: 999;
  --z-fixed: 1000;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-float: 1100;

  /* Transitions */
  --duration-fast: 0.2s;
  --duration-normal: 0.35s;
  --duration-slow: 0.6s;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}