/*
|--------------------------------------------------------------------------
| Theme local por cliente
|--------------------------------------------------------------------------
|
| Copiar este archivo a:
|
| public/branding/theme.css
|
| Este CSS se carga despues de resources/css/app.css, por lo que puede
| sobrescribir variables globales sin modificar archivos versionados.
|
*/

/*
| Fuente local opcional
|
| 1. Copia la fuente a public/branding/fonts/
| 2. Descomenta este bloque.
| 3. Cambia el nombre del archivo y la familia.
*/
/* Rubik – Variable */
@font-face {
    font-family: 'Rubik';
    src: url('branding/fonts/Rubik/rubik.ttf') format('truetype-variations');
    font-weight: 200 900; /* cubre todo el rango variable */
    font-style: normal;
    font-display: swap;
}

/* Rubik Italic – Variable */
@font-face {
    font-family: 'Rubik';
    src: url('/branding/fonts/Rubik/rubik-italic.ttf') format('truetype-variations');
    font-weight: 200 900;
    font-style: italic;
    font-display: swap;
}

:root {
    /*
    | Fuente
    |
    | Descomenta si cargaste una fuente local.
    */
    --font-sans: 'Rubik', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

    /*
    | Color primario
    |
    | Se usa en botones principales, titulos, barras, tablas y estados.
    */
    --color-primary-50:  #F3F7FC;
    --color-primary-100: #E7EFF9;
    --color-primary-200: #CFDFF3;
    --color-primary-300: #9FBFE6;
    --color-primary-400: #2A5C9A;
    --color-primary-500: #10396D;
    --color-primary-600: #0E3260;
    --color-primary-700: #0B274B;
    --color-primary-800: #081C36;
    --color-primary-900: #051222;
    --color-primary-950: #020811;

    /*
    | Color accent
    |
    | Se usa en acciones destacadas como proceder a pago y facturacion.
    */
    --color-accent-50:  #F6F3FF;
    --color-accent-100: #EEE8FF;
    --color-accent-200: #DDD2FF;
    --color-accent-300: #C2AEFF;
    --color-accent-400: #9D7BFF;
    --color-accent-500: #7C4DFF;
    --color-accent-600: #6A3EF0;
    --color-accent-700: #562FCF;
    --color-accent-800: #4426A6;
    --color-accent-900: #311B75;
    --color-accent-950: #1A0E3D;
}