/* ============================================================
   Kendo Theme Overrides
   ============================================================ */

:root {
    /* ── Font family ─────────────────────────────────────────── */
    --kendo-font-family: "Roboto", "Segoe UI", Arial, sans-serif;
    /* ── Brand colors ────────────────────────────────────────── */
    --ct-brand-purple: #5e0aff;
    --ct-brand-purple-h: #5509e6;
    --ct-brand-purple-light: #cdb3ff;
    --ct-brand-purple-focus: #6530d4;
    --ct-brand-purple-nn: #2A0573;
    --ct-brand-purple-dark: #4708BF;
    --ct-brand-gold: #F5CA47;
    --ct-brand-dark: #111111;
    /* ── Kendo Material primary color override ───────────────── */
    --kendo-color-primary: #5e0aff;
    --kendo-color-primary-hover: #5509e6;
    --kendo-color-primary-active: #4b08cc;
    --kendo-color-primary-focus: #5e0aff;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-primary-subtle: #efe7ff;
    --kendo-color-primary-subtle-hover: #e7daff;
    --kendo-color-primary-subtle-active: #cdb3ff;
    --kendo-color-primary-emphasis: rgba(94, 10, 255, 0.4);
    --kendo-color-on-primary-subtle: #210459;
    /* Override Kendo surface colors to prevent grey backgrounds and dark borders on inputs */
    --kendo-color-surface: #ffffff;
    --kendo-color-on-app-surface: #CCCCCC;
    /* Neutrals */
    --ct-bg: #F2F2F2;
    --ct-bg-left: #F0F0F0;
    --ct-surface: #FFFFFF;
    --ct-text-primary: #1A1A1A;
    --ct-text-secondary: #555555;
    --ct-text-muted: #888888;
    --ct-border: #E0E0E0;
    --ct-border-input: #CCCCCC;
    /* Status */
    --ct-error: #CC0000;
    --ct-error-bg: #FDECEA;
    --ct-error-border: #F5C2BE;
    --ct-success: #2E7D32;
    --ct-success-bg: #E8F5E9;
    --ct-success-border: #A5D6A7;
    /* Layout */
    --ct-app-header-h: 64px;
    --ct-footer-h: 72px;
    --ct-radius-sm: 4px;
    --ct-radius: 8px;
    --ct-radius-lg: 12px;
    --ct-shadow: 0 1px 3px rgba(0,0,0,.1);
    --ct-shadow-card: 0 2px 8px rgba(0,0,0,.08);
    /* Split-page panels */
    --ct-split-left: 50%;
    --ct-split-right: 50%;
}