/* Diskanban — Design tokens (basado en PRD sección 5.2) */
:root {
    /* Base */
    --color-bg-base: #0a0e14;
    --color-surface-1: #11161f;
    --color-surface-2: #161d29;
    --color-surface-3: #1c2535;
    --color-border: #232c3d;
    --color-border-strong: #2e3a52;

    /* Texto */
    --color-text-primary: #e8eef5;
    --color-text-muted: #8a96a8;
    --color-text-faint: #5d6779;

    /* Marca */
    --color-primary: #3298ba;
    --color-primary-hover: #3fa8cb;
    --color-primary-soft: rgba(50, 152, 186, 0.14);
    --color-accent: #a78bfa;

    /* Estado */
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #38bdf8;

    /* Prioridad (chips) */
    --prio-low: #5d6779;
    --prio-medium: #3298ba;
    --prio-high: #f59e0b;
    --prio-urgent: #ef4444;

    /* Tipografía */
    --font-display: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    --fs-xs: 11px;
    --fs-sm: 12px;
    --fs-base: 13px;
    --fs-md: 14px;
    --fs-lg: 16px;
    --fs-xl: 20px;
    --fs-2xl: 24px;
    --fs-3xl: 32px;

    /* Radios */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-pill: 999px;

    /* Sombras */
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 8px 24px -12px rgba(0, 0, 0, 0.6);
    --shadow-lift: 0 12px 36px -8px rgba(0, 0, 0, 0.65), 0 2px 0 rgba(255, 255, 255, 0.05) inset;
    --shadow-drawer: -16px 0 48px -8px rgba(0, 0, 0, 0.65);

    /* Espaciado (múltiplos de 4) */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-8: 32px;

    /* Layout */
    --sidebar-w: 64px;
    --topbar-h: 56px;
    --drawer-w: 420px;
    --column-w: 320px;

    /* Transiciones */
    --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --t-fast: 120ms;
    --t-base: 200ms;
}
