/* base/variables.css */
:root {

    --color-primary: #ff000d;
    --color-dark: #111111;
    --color-dark-alt: #1C1C1C;
    --color-light: #ffffff;
    --color-text-light: #f0f0f0;
    --color-text-dark: #333333;
    --color-text-secondary: #555555;
    --color-grey-light: #f4f4f4;
    --color-grey-medium: #e0e0e0;
    --color-grey-dark: #555555;

    /* Variables para puntos de carrusel */
    --dot-inactive-dark: rgba(0, 0, 0, 0.5);
    --dot-active-border-dark: #333;
    --dot-inactive-light: rgba(255, 255, 255, 0.5);
    --dot-active-light: #ffffff;

    --font-primary: 'Pangram', sans-serif;
    --header-height: 95px;
    --arrow-space: 50px;
    --portfolio-item-gap: 20px;
}