/*
  Design tokens compartidos por web/, blog/ y sistema/.
  Una sola fuente de verdad para colores, tipografia y radios.
*/
:root {
    --font-family: 'Montserrat', sans-serif;

    --bg: #10141b;
    --bg-alt: #1b212c;
    --bg-deep: #0b0e13;

    --text: #cfd6e3;
    --text-muted: #a4b3cc;
    --text-strong: #ffffff;

    --accent-blue: #688ce8;
    --accent-blue-hover: #4c75db;
    --accent-blue-soft: #8daeff;
    --accent-orange: #dc6041;
    --accent-orange-hover: #c75033;
    --accent-orange-light: #e96a4a;

    /* Colores semanticos: formalizan los tonos que el panel (sistema/) ya
       usaba sueltos y a mano (status de publicaciones, badges, IA) en un
       solo lugar con nombre, en vez de hex repetidos por todo dashboard.css
       y dashboard.php. Mismos tonos visuales de antes, ahora con una fuente
       de verdad. */
    --color-success: #34d399;
    --color-success-strong: #10b981;
    --color-warning: #fbbf24;
    --color-danger: #ef4444;
    --color-info: #60a5fa;
    --color-ai-accent: #a855f7;
    --color-ai-accent-soft: #c084fc;
    --color-neutral: #94a3b8;

    /* Mismos tonos en tripleta RGB, para poder usarlos dentro de rgba(...)
       en fondos translucidos: rgba(var(--color-success-rgb), .15) */
    --color-success-rgb: 52, 211, 153;
    --color-success-strong-rgb: 16, 185, 129;
    --color-warning-rgb: 251, 191, 36;
    --color-danger-rgb: 239, 68, 68;
    --color-info-rgb: 96, 165, 250;
    --color-ai-accent-rgb: 168, 85, 247;
    --color-ai-accent-soft-rgb: 192, 132, 252;
    --color-neutral-rgb: 148, 163, 184;

    --border: #2a3344;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;

    --shadow-card: 0 20px 40px rgba(0, 0, 0, 0.4);

    --container-width: 1140px;
}