/* ==========================================================================
   I-GO CONTABILIDADE INTEGRADA LTDA
   Design System Tokens - Identidade Visual: Preto + Vermelho + Branco + Cinza
   ========================================================================== */

:root {
  /* Cores Principais - Preto e Tons Escuros */
  --color-bg-base: #080808;
  --color-bg-surface: #111111;
  --color-bg-elevated: #181818;
  --color-bg-card: #141414;
  --color-bg-overlay: rgba(8, 8, 8, 0.85);

  /* Cores de Ação e Destaque - Vermelho */
  --color-red-primary: #E50914;
  --color-red-hover: #C90000;
  --color-red-active: #A80000;
  --color-red-accent: #FF2E2E;
  --color-red-glow: rgba(229, 9, 20, 0.25);
  --color-red-subtle: rgba(229, 9, 20, 0.08);

  /* Tipografia e Textos - Branco e Cinza */
  --color-text-title: #FFFFFF;
  --color-text-body: #F0F0F2;
  --color-text-secondary: #C4C4C8;
  --color-text-muted: #8E8E93;
  --color-text-disabled: #545458;

  /* Bordas e Divisores */
  --color-border-subtle: #222222;
  --color-border-light: #2E2E2E;
  --color-border-focus: #E50914;

  /* Feedback e Status */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
  --color-info: #3B82F6;

  /* Tipografia */
  --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* Espaçamentos */
  --spacing-xs: 0.25rem;   /* 4px */
  --spacing-sm: 0.5rem;    /* 8px */
  --spacing-md: 1rem;      /* 16px */
  --spacing-lg: 1.5rem;    /* 24px */
  --spacing-xl: 2rem;      /* 32px */
  --spacing-2xl: 3rem;     /* 48px */
  --spacing-3xl: 5rem;     /* 80px */
  --spacing-4xl: 7.5rem;   /* 120px */

  /* Raio de Borda (Border Radius) */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.6);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.7);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.85);
  --shadow-red: 0 8px 32px rgba(229, 9, 20, 0.22);
  --shadow-red-hover: 0 12px 40px rgba(229, 9, 20, 0.35);

  /* Transições */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --container-max-width: 1240px;
  --container-narrow-width: 860px;
  --header-height: 80px;
}