/* =============================================================================
   portal_finanzas - tokens del DS (prefijo --fin-).
   Paleta azul oscuro contable. Diferenciada de:
     - rojo RRHH (--rrhh-accent #C62828)
     - verde turismo
     - naranja taller
   ============================================================================= */
:root {
    --fin-accent: #1565C0;        /* azul corporativo */
    --fin-accent-ink: #FFFFFF;
    --fin-ok: #2E7D32;
    --fin-warn: #E65100;
    --fin-bad: #C62828;
    --fin-info: #0288D1;

    --fin-radius: 16px;
    --fin-radius-sm: 12px;
    --fin-radius-xs: 8px;

    --fin-font-display: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --fin-font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

    /* Light: azules pastel */
    --fin-bg: #F5F8FC;
    --fin-bg-raised: #E8F0FA;
    --fin-card: #FFFFFF;
    --fin-card-2: #F9FBFE;
    --fin-border: #C5D9EE;
    --fin-border-strong: #8FB4DA;
    --fin-ink: #0D2640;
    --fin-ink-mid: #4F6B85;
    --fin-ink-dim: #8AA1B7;
    --fin-ink-faint: #C8D6E4;
    --fin-hair: rgba(21, 101, 192, 0.10);
    --fin-grid-dot: rgba(21, 101, 192, 0.05);
    --fin-glow: 0 10px 30px rgba(21, 101, 192, 0.18);
    --fin-chip-bg: rgba(21, 101, 192, 0.08);
    --fin-chip-border: rgba(21, 101, 192, 0.18);

    /* aliases para componentes legacy que usen --rrhh-* (defensivo) */
    --rrhh-accent: var(--fin-accent);
    --rrhh-ok: var(--fin-ok);
    --rrhh-warn: var(--fin-warn);
    --rrhh-bad: var(--fin-bad);
    --rrhh-info: var(--fin-info);
    --rrhh-radius: var(--fin-radius);
    --rrhh-radius-sm: var(--fin-radius-sm);
    --rrhh-radius-xs: var(--fin-radius-xs);
    --rrhh-font-display: var(--fin-font-display);
    --rrhh-font-mono: var(--fin-font-mono);
    --rrhh-bg: var(--fin-bg);
    --rrhh-bg-raised: var(--fin-bg-raised);
    --rrhh-card: var(--fin-card);
    --rrhh-card-2: var(--fin-card-2);
    --rrhh-border: var(--fin-border);
    --rrhh-border-strong: var(--fin-border-strong);
    --rrhh-ink: var(--fin-ink);
    --rrhh-ink-mid: var(--fin-ink-mid);
    --rrhh-ink-dim: var(--fin-ink-dim);
    --rrhh-ink-faint: var(--fin-ink-faint);
    --rrhh-hair: var(--fin-hair);
    --rrhh-chip-bg: var(--fin-chip-bg);
    --rrhh-chip-border: var(--fin-chip-border);
}

:root[data-theme="dark"] {
    --fin-bg: #0D131C;
    --fin-bg-raised: #15202E;
    --fin-card: #1E2A3A;
    --fin-card-2: #283648;

    --fin-border: #3D526B;
    --fin-border-strong: #5A718D;

    --fin-ink: #F0F4FA;
    --fin-ink-mid: #C5D2E0;
    --fin-ink-dim: #94A6BB;
    --fin-ink-faint: #2E3B4F;

    --fin-accent: #4FA3E0;
    --fin-accent-ink: #FFFFFF;
    --fin-info: #6FBEEC;
    --fin-ok: #7FD88F;
    --fin-warn: #FFC47D;
    --fin-bad: #FF8080;

    --fin-hair: rgba(255, 255, 255, 0.10);
    --fin-grid-dot: rgba(255, 255, 255, 0.05);
    --fin-glow: 0 0 40px rgba(79, 163, 224, 0.25);
    --fin-chip-bg: rgba(79, 163, 224, 0.18);
    --fin-chip-border: rgba(79, 163, 224, 0.42);

    /* aliases dark */
    --rrhh-bg: var(--fin-bg);
    --rrhh-card: var(--fin-card);
    --rrhh-card-2: var(--fin-card-2);
    --rrhh-border: var(--fin-border);
    --rrhh-ink: var(--fin-ink);
    --rrhh-ink-mid: var(--fin-ink-mid);
    --rrhh-ink-dim: var(--fin-ink-dim);
    --rrhh-accent: var(--fin-accent);
    --rrhh-info: var(--fin-info);
    --rrhh-ok: var(--fin-ok);
    --rrhh-warn: var(--fin-warn);
    --rrhh-bad: var(--fin-bad);
    --rrhh-hair: var(--fin-hair);
    --rrhh-chip-bg: var(--fin-chip-bg);
    --rrhh-chip-border: var(--fin-chip-border);
}

body {
    background: var(--fin-bg);
    color: var(--fin-ink);
}