/* ============================================================
   Seed — Dark Theme Overrides

   Copiado del donante Vault (`vault-3/vault/static/css/theme.css`, SOLO
   LECTURA) para Task 14. Único cambio real de fondo: el valor de `--brand`
   (grafito claro en dark — variante mas clara del grafito de
   `variables.css`, mismo patrón que cada producto usa para su `--brand`
   en oscuro).

   FIX (molde de una sola perilla): el donante reasignaba TODO el cluster
   de marca acá (--brand-hover/-active/-subtle/-muted, --text-link,
   --border-focus) con hex propios del azul de Vault. Con el cluster ya
   derivado de `var(--brand)` por color-mix() en variables.css, no hace
   falta reasignarlos: al sobreescribir SOLO `--brand`, el cluster entero
   recalcula solo con el grafito claro de acá. Se verificó a ojo que las
   fórmulas dan un resultado dark razonable (hover mas claro, active mas
   oscuro, focus/link legibles) — no se necesitó ninguna fórmula aparte.
   El resto de los tokens (fondos, texto, bordes no-marca, semánticos)
   quedan igual: son la familia.
   ============================================================ */

[data-theme="dark"] {
    /* Controles nativos (checkbox, radio, inputs de fecha/search, scrollbar)
       en modo oscuro. Sin esto se ven blancos sobre el fondo dark. */
    color-scheme: dark;

    --brand: #DC90B8;

    --bg-app: #0D0F1A;
    --bg-surface: #151827;
    --bg-surface-alt: #151827;
    --bg-surface-hover: #1C2033;
    --bg-elevated: #1C2033;
    --bg-sidebar: #0D0F1A;
    --bg-topnav: rgba(13, 15, 26, .85);
    --bg-input: #151827;

    --text-primary: #EEEDF5;
    --text-secondary: #B8B5CC;
    --text-tertiary: #7A778F;
    --text-inverse: #1A1F36;

    --border: #1E2235;
    --border-subtle: #171B2B;
    --border-strong: #2D3348;

    --success: #10B981;
    --success-bg: rgba(16, 185, 129, .12);
    --success-text: #34D399;
    --warning: #F59E0B;
    --warning-bg: rgba(245, 158, 11, .12);
    --warning-text: #FBBF24;
    --danger: #EF4444;
    --danger-bg: rgba(239, 68, 68, .12);
    --danger-text: #FCA5A5;
    --info: #3B82F6;
    --info-bg: rgba(59, 130, 246, .12);
    --info-text: #93C5FD;

    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);
    --card-shadow: none;
}

/* Responsive table scroll indicator (dark) */
[data-theme="dark"] .table-responsive.has-scroll {
    box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.2);
}

/* Kebab menu — dark overrides */
[data-theme="dark"] .kebab-panel {
    background: var(--bg-surface);
    border-color: var(--border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .kebab-item-danger:hover {
    background: rgba(239, 68, 68, 0.15);
    color: var(--danger-text);
}