:root {
  --color-bg: #0A0A0A;
  --color-bg-alt: #111111;
  --color-surface: #1A1A1A;
  --color-surface-alt: #222222;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.16);

  --color-primary: #C41E1E;
  --color-primary-dark: #8B1515;
  --color-primary-light: #E63232;
  --color-secondary: #E63232;
  --color-accent: #C41E1E;

  --color-text: #E0E0E0;
  --color-text-muted: #999999;
  --color-text-inverse: #0A0A0A;

  --color-success: #25d366;
  --color-danger: #ef4444;

  --gradient-primary: linear-gradient(135deg, #C41E1E 0%, #E63232 100%);
  --gradient-hero: radial-gradient(circle at 20% 20%, rgba(196, 30, 30, 0.2), transparent 45%),
    radial-gradient(circle at 80% 0%, rgba(230, 50, 50, 0.12), transparent 40%),
    linear-gradient(180deg, #0A0A0A 0%, #111111 60%, #151515 100%);
  --gradient-surface: linear-gradient(160deg, var(--color-surface) 0%, var(--color-bg-alt) 100%);

  --font-heading: "Poppins", "Segoe UI", sans-serif;
  --font-body: "Inter", "Segoe UI", sans-serif;

  --fs-xs: 0.8rem;
  --fs-sm: 0.9rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.35rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-hero: clamp(2.2rem, 5vw, 3.75rem);

  --lh-tight: 1.2;
  --lh-normal: 1.6;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  --container-max: 1200px;
  --header-height: 76px;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 32px rgba(196, 30, 30, 0.35);

  --transition-fast: 0.2s ease;
  --transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);

  --z-header: 1000;
  --z-dropdown: 1010;
  --z-whatsapp: 1020;
  --z-mobile-menu: 1030;
}