/* Shared IT-Winkel palette: frontend, content editor and theme controls. */
:root, .editor-styles-wrapper {
 --itw-color-primary: #0179A9;
 --itw-color-primary-hover: #239AC4;
 --itw-color-secondary: #01648E;
 --itw-color-dark: #384451;
 --itw-color-muted: #A3B4BE;
 --itw-color-soft: #DAE8ED;
 --itw-color-white: #FFFFFF;
 /* Destructive actions retain their functional warning color. */
 --itw-color-danger: #B32D2E;
 --itw-text-color: var(--itw-color-dark);
 --itw-heading-color: var(--itw-color-dark);
 --itw-text-muted: var(--itw-color-dark);
 --itw-link-color: var(--itw-color-primary);
 --itw-link-hover: var(--itw-color-primary-hover);
 --itw-border-color: var(--itw-color-muted);
 --itw-section-background: var(--itw-color-white);
 --itw-section-background-soft: var(--itw-color-soft);
 --itw-footer-background: #FFFFFF;
 --itw-button-bg: var(--itw-color-primary);
 --itw-button-bg-hover: var(--itw-color-primary-hover);
 --itw-button-text: var(--itw-color-white);
 --itw-focus-color: var(--itw-color-primary);
 --itw-focus-shadow: color-mix(in srgb, var(--itw-color-primary) 10%, transparent);
 --itw-shadow-color: color-mix(in srgb, var(--itw-color-dark) 4%, transparent);
 /* Compatibility aliases for existing content and saved variable references. */
 --itwinkel-primary: var(--itw-color-primary);
 --itwinkel-secondary: var(--itw-color-primary);
 --itwinkel-highlight: var(--itw-color-muted);
 --itwinkel-accent: var(--itw-color-secondary);
 --itwinkel-soft-blue: var(--itw-color-muted);
 --itwinkel-background: var(--itw-section-background-soft);
 --itwinkel-surface: var(--itw-section-background);
 --itwinkel-surface-soft: var(--itw-section-background-soft);
 --itwinkel-text: var(--itw-text-color);
 --itwinkel-text-muted: var(--itw-text-muted);
 --itwinkel-border: var(--itw-border-color);
 --itwinkel-teal-hover: var(--itw-color-primary-hover);
 --itwinkel-blue: var(--itw-color-primary);
 --itwinkel-base-text: var(--itwinkel-text);
 --itwinkel-muted: var(--itw-text-muted);
 --itwinkel-line: var(--itw-border-color);
 --itwinkel-soft: var(--itw-section-background-soft);
 --itwinkel-white: var(--itw-color-white);
 --itwinkel-turquoise: var(--itw-color-primary-hover);
 --itwinkel-coral: var(--itw-color-secondary);
 --itwinkel-yellow: var(--itw-color-muted);
 --itwinkel-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 --itwinkel-radius: 12px;
 --itwinkel-shadow: 0 4px 20px var(--itw-shadow-color);
 --itwinkel-section-space: clamp(40px, 7vw, 90px);
 --container: 1280px; --content: 880px; --gutter: clamp(20px, 4vw, 48px);
 /* Retain the public aliases used by existing content and custom CSS. */
 --ink: var(--itwinkel-text); --muted: var(--itwinkel-text-muted);
 --accent: var(--itw-link-color); --line: var(--itwinkel-border);
 --logo-max-width: 320px; --logo-max-height: 88px;
}