:root{
  /* Fuente de verdad */
  --primary-black: #000000;

  --topbar: #000000;       /* header negro */
  --accent: #fd893c;       /* secundario / acento */
  --danger: #fe0000;       /* alerta */
  --warning: #ffc619;      /* advertencia */

  /* Variaciones 100/50/10 PARA TODOS */
  --topbar-100: #000000;
  --topbar-50: rgba(0,0,0,.50);
  --topbar-10: rgba(0,0,0,.10);

  --accent-100: #fd893c;
  --accent-50: rgba(253,137,60,.50);
  --accent-10: rgba(253,137,60,.10);

  --danger-100: #fe0000;
  --danger-50: rgba(254,0,0,.50);
  --danger-10: rgba(254,0,0,.10);

  --warning-100: #ffc619;
  --warning-50: rgba(255,198,25,.50);
  --warning-10: rgba(255,198,25,.10);

  /* Fondo general dark */
  --bg: #000000;
  --text: #ffffff;

  /* Cards y zonas legibles (blanco como DEMO) */
  --card-bg: #ffffff;
  --card-text: #111111;
  --card-muted: #666666;

  --radius: 16px;
  --radius-sm: 12px;
  --border-soft: rgba(0,0,0,.08);
  --shadow: 0 18px 50px rgba(0,0,0,.45);
}