:root {
  /* Base */
  --color-bg: #F9FAF9;
  --color-surface: #FFFFFF;
  --color-border: #DDDDDD;

  /* Marca */
  --color-primary: #3BB273;
  --color-primary-dark: #2E8B57;
  --color-primary-light: #CDEACE;

  /* Texto */
  --color-text: #333333;
  --color-text-secondary: #555555;

  /* Estado */
  --color-error: #FF6B6B;
  --color-success: #3BB273;
  --color-warning: #FFC75F;
}

/* ----- 🌙 Modo oscuro ----- */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #121A14;
    --color-surface: #1E2B22;
    --color-border: #2C3A2E;

    --color-primary: #3BB273;
    --color-primary-light: #7DDE9A;
    --color-primary-dark: #20442E;

    --color-text: #E5EAE7;
    --color-text-secondary: #A3B2A7;

    --color-error: #FF6B6B;
    --color-success: #7DDE9A;
    --color-warning: #E1C46B;
  }
}