@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://webseite.expert/assets/fonts/inter/inter-latin-400-normal.woff2?v=0.7.4') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('https://webseite.expert/assets/fonts/inter/inter-latin-600-normal.woff2?v=0.7.4') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://webseite.expert/assets/fonts/inter/inter-latin-700-normal.woff2?v=0.7.4') format('woff2');
}
:root {
    --color-primary: #1d2b26;
    --color-secondary: #12312b;
    --color-accent: #0f766e;
    --color-surface: #faf8f3;
    --color-surface-alt: #ffffff;
    --color-text: #1d2b26;
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --radius-full: 9999px;
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
    --space-xs: 0.6rem;
    --space-sm: 0.9rem;
    --space-md: 1.2rem;
    --space-lg: 1.8rem;
    --space-xl: 3rem;
    --space-2xl: 4.8rem;
    --space-3xl: 7.2rem;
}