:root {
  /* Tema claro — secciones claras de la identidad ElevaLab V3 */
  --bg-page: #f3f2ee;
  --bg-card: #ffffff;
  --bg-card-alt: #ecebe5;
  --bg-input: #ffffff;
  --border: #e2e0d8;
  --border-strong: #cfcdc4;

  --text-primary: #16161a;
  --text-secondary: #55565e;
  --text-muted: #85868e;

  /* Acento dorado oscuro: legible como texto/enlace sobre fondo claro */
  --accent: #8a6200;
  --accent-hover: #6e4e00;
  --accent-soft: #f6ecd2;
  --on-accent: #ffffff;       /* color del texto sobre fondos de acento */

  --success: #1d9e75;
  --success-soft: #e1f5ee;
  --warning: #ba7517;
  --warning-soft: #faeeda;
  --danger: #d85a30;
  --danger-soft: #faece7;

  --radius-sm: 8px;
  --radius: 10px;
  --radius-lg: 16px;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html[data-theme="dark"] {
  /* Tema oscuro — negro, carbón y dorado */
  --bg-page: #0b0b0d;
  --bg-card: #141417;
  --bg-card-alt: #101013;
  --bg-input: #1c1c21;
  --border: #2b2b32;
  --border-strong: #3a3a43;

  --text-primary: #efede8;
  --text-secondary: #a6a7b0;
  --text-muted: #7c7d86;

  --accent: #f2c14e;
  --accent-hover: #ffd980;
  --accent-soft: #2a2414;
  --on-accent: #14120a;

  --success: #7fd8b0;
  --success-soft: #1a2e26;
  --warning: #e39a6b;
  --warning-soft: #3a2a1a;
  --danger: #e88b70;
  --danger-soft: #3a201a;
}

/* Degradé de marca — usar SOLO en el ícono/marca y barras de progreso, nunca como fondo general */
.eleva-gradient {
  background: linear-gradient(135deg, #b9892a, #ffd980);
}