/* EmitiAR — design tokens.
   Paleta y radius del sistema de identidad. Importado desde base.html. */

:root {
    /* Brand */
    --color-brand:        #0E8A55;  /* CAE Green */
    --color-brand-deep:   #0A6A41;  /* Forest */
    --color-brand-bright: #15A567;  /* Live */
    --color-brand-soft:   #D8EFE2;  /* Mint */
    --color-brand-mist:   #F0F8F3;  /* Vapor */

    /* Neutrals */
    --color-ink:    #0E1116;
    --color-ink-2:  #1A1F27;
    --color-ink-3:  #2B3340;
    --color-paper:  #F6F4EE;        /* warm white */
    --color-paper-2:#ECE8DC;
    --color-paper-3:#E3DECE;
    --color-rule-light: #D9D4C5;
    --color-rule-dark:  #222932;
    --color-muted:       #6B6759;
    --color-muted-dark:  #8F9099;

    /* Accents */
    --color-warn:  #E8521B;
    --color-info:  #1B2A6B;

    /* Radius */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(14, 17, 22, 0.05);
    --shadow-md: 0 4px 12px rgba(14, 17, 22, 0.06);
    --shadow-lg: 0 12px 32px rgba(14, 17, 22, 0.10);

    /* Type families */
    --font-sans: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono: 'Roboto Mono', ui-monospace, 'Cascadia Code', Menlo, Consolas, monospace;
}

/* Aplicar familia base global */
html, body, button, input, select, textarea {
    font-family: var(--font-sans);
}

/* Background base de la app: paper warm en lugar de blanco puro */
body {
    background: var(--color-paper) !important;
    color: var(--color-ink);
}

/* Botones primarios usan brand green */
.btn-primary, button.btn-primary, a.btn-primary {
    background: var(--color-brand) !important;
    color: white !important;
}
.btn-primary:hover, button.btn-primary:hover, a.btn-primary:hover {
    background: var(--color-brand-deep) !important;
}

/* Links del nav (excepto el brand): mantener gris claro */

/* Estados de éxito (badges, alerts) usan brand-soft */
.badge-on {
    background: var(--color-brand-soft) !important;
    color: var(--color-brand-deep) !important;
}

/* Status icons del sistema: el verde (approved/EMITTED) usa brand */
.status-icon-ok { color: var(--color-brand) !important; }

/* Mono font para identificadores técnicos */
.mono, .records .mono, [class*="mono-"] {
    font-family: var(--font-mono);
    font-feature-settings: "tnum";
}