/* Shared Kibelia palette: frontend, content editor and theme controls. */
:root, .editor-styles-wrapper {
 --kibelia-blue: #17324D;
 --kibelia-turquoise: #00A8A8;
 --kibelia-coral: #F46B5B;
 --kibelia-yellow: #FFB800;
 --kibelia-text: #4D5964;
 --kibelia-text-dark: #17324D;
 --kibelia-bg: #FFFFFF;
 --kibelia-bg-soft: #F6F8FA;
 --kibelia-background: var(--kibelia-bg);
 --kibelia-background-soft: var(--kibelia-bg-soft);
 --kibelia-border: #D9E0E5;
 --kibelia-border-light: #E8ECEF;
 --kibelia-radius: 14px;
 --kibelia-radius-small: 8px;
 --kibelia-shadow: 0 8px 24px rgba(23, 50, 77, 0.08);
 --kibelia-space-small: 12px;
 --kibelia-space-medium: 24px;
 --kibelia-space-large: 36px;
 --kibelia-button: var(--kibelia-blue);
 --kibelia-button-hover: var(--kibelia-turquoise);
 --kibelia-button-padding-x: 18px;
 --kibelia-button-padding-y: 9px;
 --kibelia-button-min-height: 40px;
 --kibelia-accent-readable: color-mix(in srgb, var(--kibelia-turquoise) 55%, var(--kibelia-blue));
 --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: var(--kibelia-radius-small);
 --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-yellow);
 --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-yellow);
 --kibelia-base-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 --kibelia-base-radius: var(--kibelia-radius);
 --kibelia-card-radius: var(--kibelia-base-card-radius, var(--kibelia-radius));
 --kibelia-base-shadow: var(--kibelia-shadow);
 --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;
 /* Public aliases used by existing page CSS; keep these alongside the base API. */
 --kibelia-primary: var(--kibelia-color-primary);
 --kibelia-secondary: var(--kibelia-color-primary-hover);
 --kibelia-surface: var(--kibelia-section-background);
 --kibelia-surface-soft: var(--kibelia-section-background-soft);
 --kibelia-white: var(--kibelia-color-white);
 --kibelia-soft: var(--kibelia-section-background-soft);
 --kibelia-line: var(--kibelia-border-color);
 --kibelia-title-size: var(--kibelia-base-title-size);
 --kibelia-font: var(--kibelia-base-font);
}