/* ============================================================
   Kendo swatch — Microsoft "Teams Classic" (Teams v1 "Purple")
   ------------------------------------------------------------
   The pre-Fluent-2 "Teams Purple" theme from the original
   Microsoft Teams client — a warm lilac-tinged light palette
   with the saturated #6264A7 violet as the brand primary.
   Slightly softer than the Fluent 2 Teams Light swatch; mirrors
   the look most long-time Teams users still associate with the
   product.

   Layer on top of `kendo-theme-default/all.css`.

   Source palette: Fluent UI v8 "Teams" customization + Teams v1
   brand guidelines.
     themeBackground   → --kendo-color-app-surface   (#F3F2F1)
     themeNeutralLight → --kendo-color-surface-alt   (#EDEBE9)
     themePrimary      → --kendo-color-primary       (#6264A7)
     themeDark         → --kendo-color-primary-hover (#464775)
   ============================================================ */

:root {
    color-scheme: light;

    /* ── Surfaces (Teams v1 warm lilac greys) ─────────────────── */
    --kendo-color-app-surface:    #f3f2f1;
    --kendo-color-on-app-surface: #252424;
    --kendo-color-subtle:         #605e5c;
    --kendo-color-surface:        #ffffff;
    --kendo-color-surface-alt:    #edebe9;
    --kendo-color-on-surface:     #252424;
    --kendo-color-on-surface-alt: #252424;

    /* ── Borders ──────────────────────────────────────────────── */
    --kendo-color-border:     #e1dfdd;
    --kendo-color-border-alt: #c8c6c4;

    /* ── Base (inputs, secondary buttons, neutral panels) ────── */
    --kendo-color-base:               #edebe9;
    --kendo-color-base-hover:         #e1dfdd;
    --kendo-color-base-active:        #c8c6c4;
    --kendo-color-base-subtle:        #faf9f8;
    --kendo-color-base-subtle-hover:  #f3f2f1;
    --kendo-color-base-subtle-active: #edebe9;
    --kendo-color-base-emphasis:      #a19f9d;
    --kendo-color-base-on-subtle:     #252424;
    --kendo-color-on-base:            #252424;
    --kendo-color-base-on-surface:    #252424;

    /* ── Primary (Teams Purple — saturated violet) ───────────── */
    --kendo-color-primary:               #6264a7;
    --kendo-color-primary-hover:         #464775;
    --kendo-color-primary-active:        #33344a;
    --kendo-color-primary-subtle:        #e8ebfa;
    --kendo-color-primary-subtle-hover:  #dcdff4;
    --kendo-color-primary-subtle-active: #ccd0ed;
    --kendo-color-primary-emphasis:      #8b8cc7;
    --kendo-color-primary-on-subtle:     #33344a;
    --kendo-color-on-primary:            #ffffff;
    --kendo-color-primary-on-surface:    #464775;

    /* ── Secondary ────────────────────────────────────────────── */
    --kendo-color-secondary:               #e1dfdd;
    --kendo-color-secondary-hover:         #c8c6c4;
    --kendo-color-secondary-active:        #a19f9d;
    --kendo-color-secondary-subtle:        #faf9f8;
    --kendo-color-secondary-subtle-hover:  #f3f2f1;
    --kendo-color-secondary-subtle-active: #edebe9;
    --kendo-color-secondary-emphasis:      #8a8886;
    --kendo-color-secondary-on-subtle:     #252424;
    --kendo-color-on-secondary:            #252424;
    --kendo-color-secondary-on-surface:    #424242;

    /* ── Info (Fluent blue) ───────────────────────────────────── */
    --kendo-color-info:               #0078d4;
    --kendo-color-info-hover:         #106ebe;
    --kendo-color-info-active:        #005a9e;
    --kendo-color-info-subtle:        #deecf9;
    --kendo-color-info-subtle-hover:  #c7e0f4;
    --kendo-color-info-subtle-active: #a9d3f2;
    --kendo-color-info-emphasis:      #2b88d8;
    --kendo-color-info-on-subtle:     #004578;
    --kendo-color-on-info:            #ffffff;
    --kendo-color-info-on-surface:    #106ebe;

    /* ── Success (Fluent green) ───────────────────────────────── */
    --kendo-color-success:               #107c10;
    --kendo-color-success-hover:         #0e700e;
    --kendo-color-success-active:        #0b5a08;
    --kendo-color-success-subtle:        #dff6dd;
    --kendo-color-success-subtle-hover:  #c3f0bc;
    --kendo-color-success-subtle-active: #9fd89f;
    --kendo-color-success-emphasis:      #13a10e;
    --kendo-color-success-on-subtle:     #0b5a08;
    --kendo-color-on-success:            #ffffff;
    --kendo-color-success-on-surface:    #0e700e;

    /* ── Warning (Fluent amber) ───────────────────────────────── */
    --kendo-color-warning:               #ffaa44;
    --kendo-color-warning-hover:         #d18b17;
    --kendo-color-warning-active:        #a06509;
    --kendo-color-warning-subtle:        #fff4ce;
    --kendo-color-warning-subtle-hover:  #ffeab4;
    --kendo-color-warning-subtle-active: #ffdb82;
    --kendo-color-warning-emphasis:      #ffc83d;
    --kendo-color-warning-on-subtle:     #6e4400;
    --kendo-color-on-warning:            #252424;
    --kendo-color-warning-on-surface:    #d18b17;

    /* ── Error (Teams v1 red — classic) ───────────────────────── */
    --kendo-color-error:               #c4314b;
    --kendo-color-error-hover:         #a72c42;
    --kendo-color-error-active:        #8a2638;
    --kendo-color-error-subtle:        #fdf3f4;
    --kendo-color-error-subtle-hover:  #fccfd2;
    --kendo-color-error-subtle-active: #eeacb2;
    --kendo-color-error-emphasis:      #d65a6e;
    --kendo-color-error-on-subtle:     #8a2638;
    --kendo-color-on-error:            #ffffff;
    --kendo-color-error-on-surface:    #a72c42;

    /* ── Elevations (soft light shadows) ──────────────────────── */
    --kendo-elevation-1: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --kendo-elevation-2: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    --kendo-elevation-3: 0 4px 8px 0 rgba(0, 0, 0, 0.10);
    --kendo-elevation-4: 0 8px 16px 0 rgba(0, 0, 0, 0.12);

    /* ── AppBar ──────────────────────────────────────────────── */
    --kendo-appbar-bg:     #6264a7;
    --kendo-appbar-text:   #ffffff;
    --kendo-appbar-border: #464775;
}

/* Body takes the Teams Classic canvas. */
body {
    background-color: #f3f2f1;
    color: #252424;
}

/* Teams Classic keeps the iconic violet AppBar (the Teams v1 "purple bar"). */
.k-appbar {
    background-color: #6264a7 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #464775 !important;
    /* Kendo Default adds elevation-4 drop shadow. Fluent 2 / Teams uses a flat
       divider instead, so we suppress the shadow and rely on the border above. */
    box-shadow: none !important;
}