/* =====================================================
   DESIGN TOKENS — 2i Eletrônica
   Fonte única de valores do design
===================================================== */

:root {
  /* =====================
     CORES
  ===================== */
  --color-primary: #e60000;
  --color-bg: #0a0a0a;
  --color-bg-secondary: #1a1a1a;
  --color-card: #111111;
  --color-text: #f5f5f5;
  --color-white: #ffffff;
  --color-whatsapp: #25d366;

  /* =====================
     TIPOGRAFIA
  ===================== */
  --font-family-base: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* =====================
     ESPAÇAMENTOS
  ===================== */
  --space-section-desktop: 5rem 2rem;
  --space-section-mobile: 4rem 1rem;
  --space-card-desktop: 3rem 2rem;
  --space-card-mobile: 2rem 1.5rem;
  --space-gap-lg: 2.5rem;
  --space-gap-md: 2rem;

  /* =====================
     BORDER RADIUS
  ===================== */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 20px;
  --radius-pill: 50px;
  --radius-full: 50%;

  /* =====================
     SOMBRAS
  ===================== */
  --shadow-sm: 0 5px 15px rgba(0,0,0,0.2);
  --shadow-md: 0 10px 30px rgba(0,0,0,0.2);
  --shadow-lg: 0 20px 50px rgba(0,0,0,0.4);

  /* =====================
     MOTION / ANIMAÇÕES
  ===================== */
  --motion-fast: 0.3s ease;
  --motion-reveal: 1s cubic-bezier(0.5, 0, 0, 1);
  --motion-float: 2.5s ease-in-out infinite;

  /* =====================
     Z-INDEX
  ===================== */
  --z-base: 1;
  --z-decor: 10;
  --z-sticky: 100;
  --z-header: 1000;
  --z-overlay: 2000;
  --z-toast: 9999;
}

/* =====================
   TEMA CLARO
===================== */
[data-theme="light"] {
  --color-bg: #ffffff;
  --color-bg-secondary: #f0f0f0;
  --color-card: #f9f9f9;
  --color-text: #1a1a1a;
  --color-primary: #cc0000;
}