/* ==========================================================================
   PROMETEUS — Design Tokens
   Paleta oscura inspirada en el fuego de Prometeo.
   ========================================================================== */

:root {
    /* === Fondos === */
    --void: #0A0A0F;              /* Fondo principal (canvas) */
    --obsidian: #131220;          /* Fondo secundario (cards, sidebar) */
    --obsidian-hover: #1A1828;    /* Hover de superficies */

    /* === Bordes === */
    --border-subtle: #232032;     /* Bordes sutiles (divisores, inputs) */

    /* === Marca === */
    --prometheus-violet: #7C5CFF; /* Color primario de marca */
    --prometheus-violet-dim: #5B44BD; /* Violeta en reposo/disabled */
    --ember: #FF7A45;             /* Acento cálido (CTA, estados activos) */
    --ember-dim: #D9622F;         /* Ember en reposo */

    /* === Texto === */
    --pearl: #F3F1FA;             /* Texto principal */
    --mist: #9B96B8;              /* Texto secundario */
    --mist-dim: #6E6A85;          /* Texto terciario / placeholders */

    /* === Semánticos === */
    --success: #4ADE80;
    --warning: #FBBF24;
    --danger: #F87171;

    /* === Tipografía === */
    --font-display: 'Fraunces', Georgia, serif;
    --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;

    /* === Radios === */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;

    /* === Sombras / Glow === */
    --glow-violet: 0 0 24px rgba(124, 92, 255, 0.25);
    --glow-ember: 0 0 24px rgba(255, 122, 69, 0.25);
}