@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: "Raleway";
$font-family-numerica: "Signika";

// Tipografia escalada
$font-size-base: 16;

$fs-12: math.div(12, $font-size-base) + rem;
$fs-16: math.div(16, $font-size-base) + rem;
$fs-19: math.div(19, $font-size-base) + rem;
$fs-20: math.div(20, $font-size-base) + rem;
$fs-24: math.div(24, $font-size-base) + rem;
$fs-27: math.div(27, $font-size-base) + rem;
$fs-32: math.div(32, $font-size-base) + rem;
$fs-44: math.div(44, $font-size-base) + rem;
$fs-48: math.div(48, $font-size-base) + rem;
$fs-64: math.div(64, $font-size-base) + rem;
$fs-96: math.div(96, $font-size-base) + rem;
$fs-144: math.div(144, $font-size-base) + rem;
$fs-192: math.div(192, $font-size-base) + rem;

// movil
$fs-movil-title-s: $fs-19; 
$fs-movil-title-m: $fs-24; 
$fs-movil-title-l: $fs-32; 
$fs-movil-unidad-medida-s: $fs-12;
$fs-movil-unidad-medida-m: $fs-16;
$fs-movil-texto: $fs-16;
$fs-movil-aviso: $fs-19;
$fs-movil-footer: $fs-16;
$fs-movil-numero-s: $fs-44;
$fs-movil-numero-m: $fs-64;
$fs-movil-numero-l: $fs-96;

// tablet - escritorio
$fs-tablet-title-s: $fs-32; 
$fs-tablet-title-m: $fs-48; 
$fs-tablet-title-l: $fs-64; 
$fs-tablet-unidad-medida-m: $fs-20;
$fs-tablet-unidad-medida-l: $fs-24;
$fs-tablet-aviso: $fs-32;
$fs-tablet-footer: $fs-20;
$fs-tablet-numero-s: $fs-96;
$fs-tablet-numero-m: $fs-144;
$fs-tablet-numero-l: $fs-192;