:root {
  /* Colores */
  --dg-primary: #1E73BE;
  --dg-accent: #3366FF;
  --dg-bg: #F2F2F2;
  --dg-text: #32373C;
  --dg-white: #FFFFFF;
  
  /* Espaciado (Scale) */
  --dg-space-1: 4px;
  --dg-space-2: 8px;
  --dg-space-3: 12px;
  --dg-space-4: 16px;
  --dg-space-5: 24px;
  --dg-space-6: 32px;
  --dg-space-8: 48px;
  --dg-space-10: 64px;

  /* Radius */
  --dg-radius-card: 10px;
  --dg-radius-pill: 999px;

  /* Sombra */
  --dg-shadow-1: 0 8px 24px rgba(0,0,0,.08);

  /* Container */
  --dg-container: 1200px;

  /* Breakpoints */
  --dg-bp-lg: 1024px;
  --dg-bp-md: 768px;
  --dg-bp-sm: 480px;

  /* Tipografía (Valores base) */
  --dg-font: system-ui, -apple-system, sans-serif;
  --dg-h1: 2.5rem;
  --dg-h2: 2rem;
  --dg-body: 1rem;
}