@use "sass:math";

@font-face {
    font-family: "Raleway";
    src: url(../assets/fonts/Raleway/static/Raleway-Bold.ttf);
}

@font-face {
    font-family: "Signika";
    src: url(../assets/fonts/signika/SignikaNegative-Bold.ttf);
}

$font-family-texto: "Raleway";
$font-family-numerica: "Signika";

$font-size-base: 16;

$fs-32: math.div(32, $font-size-base) + rem;
$fs-48: math.div(48, $font-size-base) + rem;
$fs-64: math.div(64, $font-size-base) + rem;
$fs-80: math.div(80, $font-size-base) + rem;
$fs-128: math.div(128, $font-size-base) + rem;
$fs-208: math.div(208, $font-size-base) + rem;
$fs-400: math.div(400, $font-size-base) + rem;

// Ventana informativa aforo
$fs-aviso: $fs-128;
$fs-titulo-s: $fs-48;
$fs-titulo-m: $fs-64;
$fs-titulo-l: $fs-80;
$fs-titulo-g: $fs-128;
$fs-numero-m: $fs-208;
$fs-numero-l: $fs-400;
$fs-unidad-medida: $fs-32;

// Campos
$fs-input: $fs-80;
$fs-texto: $fs-48;
$fs-label: $fs-48;
$fs-boton: $fs-48;
$fs-valores-resumen: $fs-64;

$fs-carga: $fs-64;