/* =============================================================================
 * tokens.css — Design tokens del ERP
 * Fase 0A. Único lugar donde viven colores, spacing, tipografía y radios.
 * No define selectores de elementos: solo variables en :root.
 * ===========================================================================*/

:root {
    /* --------------------------------------------------------------------- */
    /* Colores neutros                                                       */
    /* --------------------------------------------------------------------- */
    --color-bg:               #f5f6f8;
    --color-surface:          #ffffff;
    --color-surface-alt:      #f0f2f5;

    --color-border:           #d6d9df;
    --color-text:             #1f2530;
    --color-text-muted:       #5a6473;

    /* --------------------------------------------------------------------- */
    /* Color primario (acción)                                               */
    /* --------------------------------------------------------------------- */
    --color-primary:          #1f6feb;
    --color-primary-hover:    #1858c4;
    --color-primary-contrast: #ffffff;

    /* --------------------------------------------------------------------- */
    /* Colores semánticos                                                    */
    /* --------------------------------------------------------------------- */
    --color-danger:           #c83232;
    --color-warning:          #d49414;
    --color-warning-soft:     #faf0d3;
    --color-success:          #2f8a4a;
    --color-info:             #2a7da6;

    /* --------------------------------------------------------------------- */
    /* Spacing (escala 4px)                                                  */
    /* --------------------------------------------------------------------- */
    --space-1:                4px;
    --space-2:                8px;
    --space-3:                12px;
    --space-4:                16px;
    --space-5:                20px;
    --space-6:                24px;
    --space-7:                28px;
    --space-8:                32px;

    /* --------------------------------------------------------------------- */
    /* Radios                                                                */
    /* --------------------------------------------------------------------- */
    --radius-sm:              3px;
    --radius-md:              6px;
    --radius-lg:              10px;

    /* --------------------------------------------------------------------- */
    /* Tipografía                                                            */
    /* --------------------------------------------------------------------- */
    --font-sans:              -apple-system, BlinkMacSystemFont, "Segoe UI",
                              Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono:              ui-monospace, SFMono-Regular, Menlo, Consolas,
                              "Liberation Mono", monospace;

    --font-size-sm:           12px;
    --font-size-md:           14px;
    --font-size-lg:           16px;
    --font-size-xl:           20px;

    --line-height-base:       1.45;

    /* --------------------------------------------------------------------- */
    /* Sombras                                                               */
    /* --------------------------------------------------------------------- */
    --shadow-sm:              0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-md:              0 4px 12px rgba(15, 23, 42, 0.10);

    /* --------------------------------------------------------------------- */
    /* Escala de z-index                                                     */
    /* --------------------------------------------------------------------- */
    --z-topbar:               100;
    --z-sidebar:               90;
    --z-modal:               1000;
    --z-toast:               1100;
}