/* Änderungsprotokoll: 2026-07-07 | cursor-agent | @skill-css-rules | System-Fonts wie fulfillment-vergleich.com */
/**
 * Fonts CSS - Wiki Fulfillment
 * Referenz: https://www.fulfillment-vergleich.com/
 */

:root {
    --font-family-primary: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --font-family-base: var(--font-family-primary);
    --font-family-heading: var(--font-family-primary);
    --font-family-headline: var(--font-family-primary);
    --font-family-secondary: var(--font-family-primary);
    --font-family-mono: 'Courier New', 'Monaco', monospace;

    --font-size-xs: 0.75rem;
    --font-size-small: 0.875rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-medium: 1rem;
    --font-size-large: 1.125rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    --font-size-5xl: 3rem;
    --font-size-6xl: 3.75rem;

    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --line-height-loose: 2;
    --line-height-base: var(--line-height-normal);
    --line-height-heading: 1.3;

    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;

    --letter-spacing-tight: -0.025em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.025em;
    --letter-spacing-wider: 0.05em;
    --letter-spacing-widest: 0.1em;
}

body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
    font-weight: var(--font-weight-normal);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-heading);
}

p, ul, ol, li {
    font-family: var(--font-family-base);
    font-size: inherit;
    line-height: var(--line-height-normal);
}

button, input, textarea, select {
    font-family: var(--font-family-base);
}