@font-face {
    font-family: 'Zalando Sans';
    src: url('../fonts/Fonte para Textos (Zalando Sans)/ZalandoSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Zalando Sans';
    src: url('../fonts/Fonte para Textos (Zalando Sans)/ZalandoSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

@font-face {
    font-family: 'Zalando Expanded';
    src: url('../fonts/Fonte para Títulos (Zalando Expanded)/ZalandoSansExpanded-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Zalando Expanded';
    src: url('../fonts/Fonte para Títulos (Zalando Expanded)/ZalandoSansExpanded-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

:root {
    /* Brand Colors */
    --color-primary: #383D36;
    --color-primary-light: #687263;
    --color-secondary: #A5B39C;
    --color-tertiary: #282828;

    /* Background */
    --color-background: #F5F5F5;

    /* Text Colors */
    --color-text-primary: #282828;
    --color-text-secondary: #7B8079;
    --color-text-disabled: #C9C9C9;
    --color-text-inverse: #F5F5F5;

    /* Feedback Colors */
    --color-success: #4CAF50;
    --color-error: #F44336;
    --color-warning: #FF9800;
    --color-info: #2196F3;

    /* Grayscale Palette */
    --color-gray-50: #FAFAFA;
    --color-gray-100: #F5F5F5;
    --color-gray-200: #EFEFEF;
    --color-gray-300: #E0E0E0;
    --color-gray-400: #C9C9C9;
    --color-gray-500: #7B8079;
    --color-gray-600: #687263;
    --color-gray-700: #383D36;
    --color-gray-800: #282828;
    --color-gray-900: #212121;

    /* Score Card Colors */
    --color-card-pessoas-bg: #C9C9C9;
    --color-card-planeta-bg: #383D36;
    --color-card-economia-bg: #A5B39C;
    --color-card-total-bg: #8FA887;

    /* Score card border (Só o total tem) */
    --color-card-total-border: #141414;

    /* Font Families */
    --font-display: 'Zalando Expanded', sans-serif;
    --font-body: 'Zalando Sans', sans-serif;

    /* Layout Sizes */
    --topbar-height: 6rem;
    --sidebar-width: 15.625rem;
    --sidebar-width-collapsed: 4rem;

    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
}