/* Shared Kibelia palette: frontend, content editor and theme controls. */
:root, .editor-styles-wrapper {
 --kibelia-blue: #17324D;
 --kibelia-turquoise: #00A8A8;
 --kibelia-coral: #F46B5B;
 --kibelia-text: #4D5964;
 --kibelia-text-dark: #17324D;
 --kibelia-background: #FFFFFF;
 --kibelia-background-soft: #F6F8FA;
 --kibelia-border: #D9E0E5;
 --kibelia-border-light: #E8ECEF;
 --kibelia-button: #17324D;
 --kibelia-button-hover: #00A8A8;
 --kibelia-success: #2F7D5A;
 --kibelia-warning: #D69A24;
 --kibelia-danger: #C94F4F;
 --kibelia-color-primary: var(--kibelia-blue);
 --kibelia-color-primary-hover: var(--kibelia-turquoise);
 --kibelia-color-secondary: var(--kibelia-coral);
 --kibelia-color-dark: var(--kibelia-text-dark);
 --kibelia-color-muted: var(--kibelia-text);
 --kibelia-color-soft: var(--kibelia-background-soft);
 --kibelia-color-white: var(--kibelia-background);
 /* Destructive actions retain their functional warning color. */
 --kibelia-color-danger: var(--kibelia-danger);
 --kibelia-text-color: var(--kibelia-text);
 --kibelia-heading-color: var(--kibelia-color-dark);
 --kibelia-text-muted: var(--kibelia-text);
 --kibelia-link-color: var(--kibelia-color-primary);
 --kibelia-link-hover: var(--kibelia-color-primary-hover);
 --kibelia-border-color: var(--kibelia-border);
 --kibelia-section-background: var(--kibelia-color-white);
 --kibelia-section-background-soft: var(--kibelia-color-soft);
 --kibelia-footer-background: var(--kibelia-color-white);
 --kibelia-card-accent-color: var(--kibelia-coral);
 --kibelia-button-bg: var(--kibelia-button);
 --kibelia-button-bg-hover: var(--kibelia-button-hover);
 --kibelia-button-text: var(--kibelia-background);
 --kibelia-button-text-hover: var(--kibelia-color-white);
 --kibelia-button-border: var(--kibelia-button);
 --kibelia-button-border-hover: var(--kibelia-button-bg-hover);
 --kibelia-button-border-width: 1px;
 --kibelia-button-radius: 8px;
 --kibelia-focus-color: var(--kibelia-color-primary);
 --kibelia-focus-shadow: color-mix(in srgb, var(--kibelia-color-primary) 10%, transparent);
 --kibelia-shadow-color: color-mix(in srgb, var(--kibelia-color-dark) 4%, transparent);
 /* Compatibility aliases for existing content and saved variable references. */
 --kibelia-base-primary: var(--kibelia-color-primary);
 --kibelia-base-secondary: var(--kibelia-color-primary);
 --kibelia-base-highlight: var(--kibelia-color-muted);
 --kibelia-base-accent: var(--kibelia-color-secondary);
 --kibelia-base-soft-blue: var(--kibelia-color-muted);
 --kibelia-base-background: var(--kibelia-background-soft);
 --kibelia-base-surface: var(--kibelia-section-background);
 --kibelia-base-surface-soft: var(--kibelia-section-background-soft);
 --kibelia-base-text: var(--kibelia-text-color);
 --kibelia-base-text-muted: var(--kibelia-text-muted);
 --kibelia-base-border: var(--kibelia-border-color);
 --kibelia-base-teal-hover: var(--kibelia-color-primary-hover);
 --kibelia-base-blue: var(--kibelia-color-primary);
 --kibelia-base-base-text: var(--kibelia-base-text);
 --kibelia-base-muted: var(--kibelia-text-muted);
 --kibelia-base-line: var(--kibelia-border-color);
 --kibelia-base-soft: var(--kibelia-section-background-soft);
 --kibelia-base-white: var(--kibelia-color-white);
 --kibelia-base-turquoise: var(--kibelia-color-primary-hover);
 --kibelia-base-coral: var(--kibelia-color-secondary);
 --kibelia-base-yellow: var(--kibelia-color-muted);
 --kibelia-base-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 --kibelia-base-radius: 14px;
 --kibelia-card-radius: 14px;
 --kibelia-base-shadow: 0 4px 20px var(--kibelia-shadow-color);
 --kibelia-base-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(--kibelia-base-text); --muted: var(--kibelia-base-text-muted);
 --accent: var(--kibelia-link-color); --line: var(--kibelia-base-border);
 --logo-max-width: 320px; --logo-max-height: 88px;
}