/* DILVEX — tokens de diseño (fuente: docs/DISENO_PORTAL.md §5). Ningún valor va en style="". */
:root {
  /* Paleta */
  --dx-gold-500: #FFD700;
  --dx-gold-600: #FFA500;
  --dx-gold-700: #FF8C00;
  --dx-gold-dark: #B8860B;
  --dx-gold-chrome: #FFF8DC;
  --dx-cyan-500: #00E5FF;
  --dx-teal-400: #00FFD4;
  --dx-green-neon: #00FF41;
  --dx-orange-500: #FF6B00;
  --dx-bg-0: #030303;
  --dx-bg-1: #0A0A0A;
  --dx-bg-2: #111111;
  --dx-bg-night: #0A0F1A;
  --dx-bg-elev: linear-gradient(135deg, #1A1A1A, #0D0D0D);
  --dx-text: #FFFFFF;
  --dx-text-muted: #888888;
  --dx-text-subtle: #8A8A8A; /* sube el #666 original para cumplir contraste AA */
  --dx-text-faint: rgba(255, 255, 255, .5);
  --dx-glass: rgba(255, 255, 255, .03);
  --dx-glass-line: rgba(255, 255, 255, .08);
  --dx-gold-line: rgba(255, 215, 0, .12);
  --dx-gold-line-strong: rgba(255, 215, 0, .15);
  --dx-danger: #FF4444;
  --dx-danger-soft: #FF6B6B;
  --dx-success: #4CD97B;
  --dx-info: #5AB4FF;
  --dx-violet: #B08AFF;

  /* Degradados */
  --dx-grad-gold: linear-gradient(90deg, #FFD700, #FFA500);
  --dx-grad-gold-135: linear-gradient(135deg, #FFD700, #FFA500);
  --dx-grad-gold-v: linear-gradient(180deg, #FFD700, #FFA500);
  --dx-grad-progress: linear-gradient(90deg, #FFD700, #FFA500, #00E5FF);
  --dx-grad-card: linear-gradient(180deg, #0A0A0A, #111);
  --dx-grad-product-top: linear-gradient(90deg, #FFD700, #00E5FF);
  --dx-danger-grad: linear-gradient(135deg, #FF4444 0%, #FF8800 100%);
  --dx-success-grad: linear-gradient(135deg, #00FF00 0%, #00FFD4 100%);

  /* Tipografía */
  --dx-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --dx-font-sans-ui: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --dx-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Radios */
  --dx-radius-xs: 6px;
  --dx-radius-sm: 8px;
  --dx-radius-md: 10px;
  --dx-radius-lg: 12px;
  --dx-radius-xl: 14px;
  --dx-radius-2xl: 16px;
  --dx-radius-3xl: 20px;
  --dx-radius-4xl: 24px;
  --dx-radius-pill: 100px;

  /* Sombras y glow */
  --dx-glow-sm: 0 0 10px rgba(255, 215, 0, .3);
  --dx-glow-md: 0 0 20px rgba(255, 215, 0, .3);
  --dx-glow-lg: 0 0 40px rgba(255, 215, 0, .3);
  --dx-glow-xl: 0 0 80px rgba(255, 215, 0, .4);
  --dx-lift: 0 10px 40px rgba(255, 215, 0, .3);
  --dx-lift-lg: 0 20px 60px rgba(255, 215, 0, .4);
  --dx-card-shadow: 0 30px 80px rgba(255, 215, 0, .1), 0 0 60px rgba(255, 215, 0, .05), inset 0 0 20px rgba(255, 215, 0, .02);
  --dx-form-shadow: 0 25px 80px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 215, 0, .05);

  /* Layout */
  --dx-sidebar: 260px;
  --dx-header: 70px;
}