/**
 * AutoPyme Logistics (APL) - Theme Constants: MODO OSCURO (Dark Mode)
 * Este archivo contiene EXCLUSIVAMENTE los tokens y variables CSS para el modo oscuro.
 * No contiene reglas de layout, composición, margins ni paddings.
 */

:root,
[data-apl-theme="dark"] {
    /* Fondos */
    --apl-bg-app: #0f172a;               /* Slate 900 */
    --apl-bg-surface: rgba(30, 41, 59, 0.85); /* Slate 800 semi */
    --apl-bg-surface-solid: #1e293b;     /* Slate 800 sólido */
    --apl-bg-surface-hover: #334155;     /* Slate 700 */
    --apl-bg-input: #0f172a;             /* Slate 900 */
    --apl-bg-pill: rgba(15, 23, 42, 0.6);
    --apl-bg-pill-active: #334155;

    /* Textos */
    --apl-text-primary: #f8fafc;         /* Slate 50 */
    --apl-text-secondary: #cbd5e1;       /* Slate 300 - Contraste alto para etiquetas */
    --apl-text-muted: #94a3b8;           /* Slate 400 - Claramente visible en fondos oscuros */
    --apl-text-inverse: #0f172a;

    /* Bordes y Divisores */
    --apl-border: rgba(51, 65, 85, 0.8); /* Slate 700 */
    --apl-border-subtle: rgba(51, 65, 85, 0.4);
    --apl-border-focus: #0284c7;         /* Sky 600 */
    --apl-divider: rgba(51, 65, 85, 0.6);

    /* Acentos de Marca */
    --apl-brand-primary: #38bdf8;        /* Sky 400 */
    --apl-brand-hover: #0ea5e9;          /* Sky 500 */
    --apl-brand-glow: rgba(14, 165, 233, 0.2);
    --apl-brand-text: #ffffff;

    /* Sombras y Efectos */
    --apl-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --apl-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --apl-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
    --apl-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6);
    --apl-glass-bg: rgba(15, 23, 42, 0.8);
    --apl-glass-border: rgba(51, 65, 85, 0.6);

    /* Fondo de Registro Nuevo (Noche profunda con tinte petróleo Sky/Slate) */
    --apl-bg-registry: linear-gradient(180deg, #0b1526 0%, #0f172a 100%);

    /* Etiquetas de Campos (Labels legibles en fondo oscuro) */
    --apl-label-color: #f1f5f9;          /* Slate 100 - Gran legibilidad */

    /* Placeholders Adaptativos (Propuesta 1: Micro-Guía Sutil en Cursiva) */
    --apl-placeholder: #64748b;          /* Slate 500 - Atenuado sobre fondo oscuro */
    --apl-placeholder-opacity: 0.45;     /* Opacidad sutil para no competir con el texto real */

    /* Mensajes y Alertas Semánticas (Design System PSF) */
    --apl-alert-info-bg: rgba(14, 165, 233, 0.12);
    --apl-alert-info-border: rgba(56, 189, 248, 0.28);
    --apl-alert-info-title: #38bdf8;      /* Sky 400 */
    --apl-alert-info-text: #f0f9ff;       /* Sky 50 */

    --apl-alert-warning-bg: rgba(245, 158, 11, 0.12);
    --apl-alert-warning-border: rgba(245, 158, 11, 0.3);
    --apl-alert-warning-title: #fbbf24;   /* Amber 400 */
    --apl-alert-warning-text: #fef3c7;    /* Amber 100 */

    --apl-alert-success-bg: rgba(16, 185, 129, 0.12);
    --apl-alert-success-border: rgba(52, 211, 153, 0.3);
    --apl-alert-success-title: #34d399;   /* Emerald 400 */
    --apl-alert-success-text: #ecfdf5;    /* Emerald 50 */

    --apl-alert-error-bg: rgba(239, 68, 68, 0.12);
    --apl-alert-error-border: rgba(248, 113, 113, 0.3);
    --apl-alert-error-title: #f87171;     /* Red 400 */
    --apl-alert-error-text: #fef2f2;      /* Red 50 */
}