/* ==========================================================
   TriSaar Consulting Design System
   Variables
========================================================== */

:root {

  /* =======================================================
     Brand Colors
  ======================================================= */

  --color-primary: #EF4444;
  --color-primary-hover: #DC2626;
  --color-primary-light: #FEE2E2;

  /* =======================================================
     Text Colors
  ======================================================= */

  --color-heading: #111827;
  --color-body: #4B5563;
  --color-muted: #6B7280;
  --color-white: #FFFFFF;

  /* =======================================================
     Background Colors
  ======================================================= */

  --color-background: #FAFAFA;
  --color-surface: #FFFFFF;
  --color-surface-dark: #F1F5F9;
  --glass-background: rgba(255,255,255,.75);
  --glass-border: rgba(255,255,255,.55);
  --glass-blur: 18px;

  /* =======================================================
     Borders
  ======================================================= */

  --color-border: #E5E7EB;
  --focus-ring: 0 0 0 4px rgba(220,38,38,.18);

/* =======================================================
     Accent Colors
  ======================================================= */

--color-accent:#991B1B;


  /* =======================================================
     Typography
  ======================================================= */

  --font-family-base:
    "Inter",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  --font-family-heading: var(--font-family-base);

  /* Font Sizes */
  --text-hero: clamp(3.8rem, 6vw, 5.8rem);        /* 64px */
  --text-xs: 0.75rem;      /* 12px */
  --text-sm: 0.875rem;     /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg: 1.125rem;     /* 18px */
  --text-xl: 1.25rem;      /* 20px */
  --text-2xl: 1.5rem;      /* 24px */
  --text-3xl: 2rem;        /* 32px */
  --text-4xl: 2.5rem;      /* 40px */
  --text-5xl: 3.5rem;      /* 56px */
  --text-6xl: 4.25rem;     /* 68px */

  /* Font Weights */

  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* =======================================================
     Layout
  ======================================================= */

  --container-width: 1200px;
  --container-wide-width: 1400px;
  --container-padding: 1.5rem;

  /* =======================================================
     Spacing
  ======================================================= */

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* =======================================================
     Border Radius
  ======================================================= */

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* =======================================================
     Shadows
  ======================================================= */

  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.05);

  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);

  --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);

   /* =======================================================
       Surfaces
   ======================================================= */

    --surface-0: #FCFCFB;   /* Hero */
    --surface-1: #F7F6F4;   /* Base */
    --surface-2: #F4F6F9;   /* Elevated */


  /* =======================================================
     Animation
  ======================================================= */

  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* =======================================================
     Z-Index
  ======================================================= */

  --z-navbar: 1000;
  --z-dropdown: 1100;
  --z-modal: 1200;

}