/* =====================================================================
   omega-tokens.css — Paleta global Omega (diseño Cartera Vigente)
   Se carga en App.razor antes de OmegaV2.styles.css.
   Los .razor.css aislados solo usan var(--om-*).
   ===================================================================== */
:root {
    /* Marca */
    --om-primary: #34408a;
    --om-primary-dark: #2b3470;
    --om-primary-soft: #34408a14;
    --om-accent: #5a7bd6;

    /* Superficies y bordes */
    --om-bg: #f1f2f8;
    --om-surface: #ffffff;
    --om-input-bg: #f7f8fb;
    --om-track: #eef0f8;
    --om-border: #dfe2ec;
    --om-divider: #eceef4;
    --om-row-line: #f0f1f6;

    /* Texto */
    --om-ink: #14192b;
    --om-text: #1f2433;
    --om-text-2: #3a4054;
    --om-text-3: #4a5064;
    --om-muted: #5d6378;
    --om-faint: #9097b5;

    /* Estados */
    --om-ok: #1c7a43;
    --om-ok-bg: #e8f6ee;
    --om-ok-bd: #b7e2c6;
    --om-err: #d92626;
    --om-err-bg: #ffe3e3;
    --om-err-bd: #ffb3b3;
    --om-warn: #ffc107;
    --om-warn-text: #9a5a00;
    --om-warn-bg: #fff4e2;
    --om-warn-bd: #f3cf9a;

    /* Forma */
    --om-radius: 16px;
    --om-radius-md: 12px;
    --om-radius-sm: 9px;
    --om-shadow: 0 1px 3px rgba(20, 24, 40, 0.06);
    --om-shadow-lg: 0 20px 50px rgba(20, 24, 40, 0.22);
    --om-font: "Nunito Sans", "Roboto", "Segoe UI", system-ui, sans-serif;
}