/*
 * Kerala Viajes · variables de diseño
 *
 * Todas llevan prefijo --kv- a propósito. La página de categoría incrusta su propio Bootstrap 4
 * con un :root que redefine --orange, así que cualquier variable sin prefijo choca con ella.
 *
 * Este fichero solo declara variables. Los componentes están en kv-ui.css.
 * Se carga el último, después de Bootstrap y de las hojas antiguas.
 */

:root {
    /* Marca. El naranja y el azul son intocables, pero sobre blanco no llegan al contraste
       mínimo para texto pequeño, así que cada uno tiene su variante oscurecida para texto. */
    --kv-naranja: #ff7300;
    --kv-naranja-hover: #e56800;
    --kv-naranja-texto: #b34d00;
    --kv-naranja-suave: #fff4ec;

    --kv-azul: #1d83a7;
    --kv-azul-hover: #17708f;
    --kv-azul-texto: #17708f;
    --kv-azul-suave: #eef7fa;

    --kv-beige: #fdf3e3;
    --kv-crema: #faf7f3;

    /* Grises */
    --kv-g50: #f8f9fa;
    --kv-g100: #f1f3f5;
    --kv-g200: #e9ecef;
    --kv-g300: #dee2e6;
    --kv-g400: #adb5bd;
    --kv-g600: #6c757d;
    --kv-g700: #495057;
    --kv-g800: #343a40;
    --kv-g900: #212529;

    /* Estados */
    --kv-verde: #1a7a4a;
    --kv-verde-suave: #e8f5ee;
    --kv-rojo: #b3261e;
    --kv-rojo-suave: #fdecea;
    --kv-amarillo: #ffe082;
    --kv-amarillo-suave: #fff8e1;

    /* Forma. 5 px es el radio que ya usa la página de categoría. */
    --kv-radio: 5px;
    --kv-radio-s: 4px;
    --kv-radio-pastilla: 999px;

    --kv-sombra-1: 0 1px 4px rgba(0, 0, 0, .07);
    --kv-sombra-2: 0 8px 34px rgba(0, 0, 0, .17);
    --kv-sombra-pie: 0 -3px 20px rgba(0, 0, 0, .10);

    /* Tipografía. TrendSansOne es la fuente de marca y ya se sirve desde /fonts.
       Inter sustituye a Open Sans en el texto: tiene cifras tabulares, que es lo que
       cuadra las columnas de la tabla de precios. */
    --kv-display: 'TrendSansOne', 'Inter', 'Open Sans', sans-serif;
    --kv-texto: 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;

    --kv-t-xs: 11px;
    --kv-t-s: 12px;
    --kv-t-base: 15px;
    --kv-t-m: 17px;
    --kv-t-l: 20px;
    --kv-t-xl: 28px;
    --kv-t-precio: 40px;

    /* Espaciado */
    --kv-e1: 4px;
    --kv-e2: 8px;
    --kv-e3: 12px;
    --kv-e4: 16px;
    --kv-e5: 22px;
    --kv-e6: 28px;

    /* Alto de la barra fija de reserva, para dejarle sitio al final de la página. */
    --kv-alto-barra: 66px;
}

@font-face {
    font-family: 'TrendSansOne';
    src: url(/fonts/trend-sans-one.otf) format("opentype");
    font-display: swap;
}