:root {
    --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-button: 999px;
}

:root {
    --color-bg: #ffffff;
    --color-bg-muted: #f5f7f6;
    --color-surface: #ffffff;
    --color-surface-raised: #ffffff;
    --color-surface-sunken: #f5f7f6;
    --color-border: #d8e3df;
    --color-border-strong: #b9ccc6;
    --color-border-interactive: #7f938d;
    --color-border-interactive-hover: #5a6e69;
    --color-text: #0f231f;
    --color-text-muted: #5a6e69;
    --color-heading: #0f231f;
    --color-dark: #0f231f;
    --color-dark-text: #ffffff;
    --color-sidebar-bg: #ffffff;
    --color-topbar-bg: #ffffff;
    --color-success-bg: #e7f2ef;
    --color-success-text: #0f231f;
    --color-success-border: #b9ccc6;
    --color-warning-bg: #f5ecd4;
    --color-warning-text: #5c4a18;
    --color-warning-border: #e4d3a8;
    --color-info-bg: #e7f2ef;
    --color-info-text: #354945;
    --color-info-border: #64b4c8;
    --color-accent: #1a7a7a;
    --color-accent-strong: #176b6b;
    --color-accent-soft: #dfecec;
    --color-accent-text: #ffffff;
    --color-link: #1a7a7a;
    --color-focus: #1a7a7a;
}

.swatch--bernstein {
    background: #ffc857;
    color: #101820;
}

.swatch--blau {
    background: #2563eb;
    color: #ffffff;
}

.swatch--schwarz {
    background: #1f2937;
    color: #ffffff;
}

.swatch--rot {
    background: #dc2626;
    color: #ffffff;
}

.swatch--gruen {
    background: #047857;
    color: #ffffff;
}

.swatch--violett {
    background: #7c3aed;
    color: #ffffff;
}

.swatch--template-standard {
    background: #ffc857;
    color: #101820;
}

.swatch--template-vitakast {
    background: #1a7a7a;
    color: #ffffff;
}