:root {
  /* Cores primárias */
  --as-color-primary: #0057ff;
  --as-color-primary-hover: #0046cc;
  --as-color-secondary: #00c9a7;
  --as-color-secondary-hover: #00a88a;

  /* Neutros */
  --as-color-navy: #0b1426;
  --as-color-navy-soft: #151f35;
  --as-color-slate: #5a6b85;
  --as-color-slate-light: #8b9bb4;
  --as-color-surface: #f4f7fc;
  --as-color-white: #ffffff;

  /* Acentos */
  --as-color-accent: #7c3aed;
  --as-color-success: #10b981;
  --as-color-warning: #f59e0b;
  --as-color-error: #ef4444;

  /* Gradientes */
  --as-gradient-brand: linear-gradient(135deg, #0057ff 0%, #00c9a7 100%);
  --as-gradient-dark: linear-gradient(180deg, #0b1426 0%, #151f35 100%);

  /* Tipografia */
  --as-font-display: "Plus Jakarta Sans", "Segoe UI", Inter, system-ui, sans-serif;
  --as-font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --as-font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;

  /* Tamanhos */
  --as-text-xs: 0.75rem;
  --as-text-sm: 0.875rem;
  --as-text-base: 1rem;
  --as-text-lg: 1.125rem;
  --as-text-xl: 1.25rem;
  --as-text-2xl: 1.5rem;
  --as-text-3xl: 1.875rem;
  --as-text-4xl: 2.25rem;
  --as-text-5xl: 3rem;

  /* Espaçamento */
  --as-space-1: 0.25rem;
  --as-space-2: 0.5rem;
  --as-space-3: 0.75rem;
  --as-space-4: 1rem;
  --as-space-6: 1.5rem;
  --as-space-8: 2rem;
  --as-space-12: 3rem;
  --as-space-16: 4rem;

  /* Bordas e sombras */
  --as-radius-sm: 0.375rem;
  --as-radius-md: 0.75rem;
  --as-radius-lg: 1rem;
  --as-radius-xl: 1.5rem;
  --as-shadow-sm: 0 1px 2px rgba(11, 20, 38, 0.06);
  --as-shadow-md: 0 4px 16px rgba(11, 20, 38, 0.08);
  --as-shadow-lg: 0 12px 40px rgba(11, 20, 38, 0.12);
  --as-shadow-glow: 0 0 32px rgba(0, 87, 255, 0.25);
}