:root {
    --background-color: #F7F7F7;
    --surface-color: #FFFFFF;
    --surface-secondary-color: #EBEBEB;
    --primary-color: #DD1D48;
    --text-primary-color: #000000;
    --text-secondary-color: #757575;

    --spacing-xs: clamp(0.3vh, 0.2vw, 0.4vh);
    --spacing-sm: clamp(0.6vh, 0.4vw, 0.8vh);
    --spacing-md: clamp(1.2vh, 0.8vw, 1.6vh);
    --spacing-lg: clamp(1.8vh, 1.2vw, 2.4vh);
    --spacing-xl: clamp(2.5vh, 1.6vw, 3.2vh);
    --spacing-2xl: clamp(3vh, 2vw, 4vh);
    --spacing-3xl: clamp(4vh, 2.5vw, 5vh);

    --font-family-primary: 'Graphik', Arial, sans-serif;
    --font-family-display: 'TiemposFine', Arial, sans-serif;

    --border-radius-card: clamp(1.5vh, 1vw, 2vh);
    --border-radius-icon: clamp(0.4vh, 0.5vw, 0.6vh);
}