/* Guía de Marca - Variables CSS */

@font-face { font-family: 'Roobert-regular'; src: url('./fonts/roobert-regular.woff2') format('woff2'), url('./fonts/roobert-regular.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roobert-medium'; src: url('./fonts/Roobert-Medium.woff2') format('woff2'), url('./fonts/Roobert-Medium.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roobert-semi-bold'; src: url('./fonts/Roobert-SemiBold.woff2') format('woff2'), url('./fonts/Roobert-SemiBold.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roobert-mono-bold'; src: url('./fonts/RoobertMono-Bold.woff2') format('woff2'), url('./fonts/RoobertMono-Bold.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roobert-mono-medium'; src: url('./fonts/RoobertMono-Medium.woff2') format('woff2'), url('./fonts/RoobertMono-Medium.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roobert-semi-mono-bold'; src: url('./fonts/RoobertSemiMono-Bold.woff2') format('woff2'), url('./fonts/RoobertSemiMono-Bold.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roobert-semi-mono-medium'; src: url('./fonts/RoobertSemiMono-Medium.woff2') format('woff2'), url('./fonts/RoobertSemiMono-Medium.woff') format('woff'); font-weight: 400; font-style: normal; }

:root {
    /* Colores Principales */
    --color-fondo: #0D0D0D; /* Antracita */
    --color-texto-principal: #FEFEFE; /* Blanco radiante */
    --color-texto-secundario: #949494; /* Gris neutro */
    --color-acento: #E41E3F; /* Carmesí */
    --color-card-background: #232323; /* Negro grafito */
    --color-card-overlay: #242424; /* Gris antracita */

    /* Tipografía */
    --roobert: 'Roobert-regular';
    --roobert-medium: 'Roobert-medium';
    --roobert-semi-bold: 'Roobert-semi-bold';
    --roobert-mono-bold: 'Roobert-mono-bold';
    --roobert-mono-medium: 'Roobert-mono-medium';
    --roobert-semi-mono-bold: 'Roobert-semi-mono-bold';
    --roobert-semi-mono-medium: 'Roobert-semi-mono-medium';

    /*Tamaños*/
    --tamano-h1: 26px;
    --tamano-h2: 22px;
    --tamano-parrafo: 16px;
    --peso-bold: 700;
    --peso-medium: 500;
    --peso-regular: 400;
}