/*
|--------------------------------------------------------------------------
| 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: #FFF5F1;
    --color-primary-100: #FEE8DE;
    --color-primary-200: #FDD0BC;
    --color-primary-300: #F9A885;
    --color-primary-400: #F07D52;
    --color-primary-500: #E05B2B;
    --color-primary-600: #C84A1D;
    --color-primary-700: #A63A16;
    --color-primary-800: #842D14;
    --color-primary-900: #672412;
    --color-primary-950: #381108;

    /*
    | Color accent
    |
    | Se usa en acciones destacadas como proceder a pago y facturacion.
    */
    --color-accent-50: #F2FAFC;
    --color-accent-100: #DDF2F7;
    --color-accent-200: #BCE4EE;
    --color-accent-300: #89CEE0;
    --color-accent-400: #4EAFC8;
    --color-accent-500: #1F6F8B;
    --color-accent-600: #195D76;
    --color-accent-700: #144A5E;
    --color-accent-800: #103A4A;
    --color-accent-900: #0B2934;
    --color-accent-950: #05161C;
}