/* Generated runtime theme stylesheet. */
:root{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#1557c0;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#1557c0;
--m-context-accent:#1557c0;
--m-context-accent-color-hover:#0b8f9c;
--m-context-accent-hover:#0b8f9c;
--m-context-accent-color-active:#1557c0;
--m-context-accent-active:#1557c0;
--m-context-accent-soft:rgba(21, 87, 192, 0.13);
--m-context-accent-soft-strong:rgba(21, 87, 192, 0.22);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(21, 87, 192, 0.13);
--m-context-state-hover-accent:#1557c0;
--m-context-state-hover-border:#1557c0;
--m-context-state-active-bg:rgba(21, 87, 192, 0.22);
--m-context-state-active-accent:#1557c0;
--m-context-state-active-border:#1557c0;
--m-context-state-selected-bg:rgba(21, 87, 192, 0.22);
--m-context-state-selected-accent:#1557c0;
--m-context-state-selected-border:#1557c0;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#617590;
--m-context-icon-muted:#617590;
--m-context-icon-strong:#617590;
--m-context-icon-hover:#1557c0;
--m-context-icon-active:#1557c0;
--m-context-icon-action-bg:rgba(21, 87, 192, 0.13);
--m-context-icon-action-bg-hover:rgba(21, 87, 192, 0.22);
--m-context-icon-action-bg-active:rgba(21, 87, 192, 0.22);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
--m-theme-density:balanced;
--m-theme-radius:crisp;
--m-theme-border-strength:medium;
--m-theme-elevation-style:layered;
--m-theme-table-style:business;
--m-theme-card-style:framed;
--m-theme-button-weight:medium;
--m-theme-sidebar-mood:business;
--m-theme-table-bg:#f7fbff;
--m-theme-table-header-bg:#c9dff2;
--m-theme-table-row-bg:#f7fbff;
--m-theme-table-row-hover-bg:rgba(21, 87, 192, 0.13);
--m-theme-table-row-selected-bg:rgba(21, 87, 192, 0.22);
--m-theme-table-border:#9bbbd6;
--m-theme-table-border-strong:#4f789f;
--m-theme-table-header-text:#0a1830;
--m-theme-table-text:#253a56;
--m-theme-table-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-theme-table-radius:8px;
--m-theme-table-row-min-height:48px;
--m-theme-table-cell-padding-x:12px;
--m-theme-table-cell-padding-y:8px;
--m-theme-table-header-min-height:42px;
--m-theme-table-mobile-mode:cards;
--m-theme-table-cell-padding-x-desktop:12px;
--m-theme-table-cell-padding-y-desktop:8px;
--m-theme-table-row-min-height-desktop:48px;
--m-theme-table-cell-padding-x-tablet:10px;
--m-theme-table-cell-padding-y-tablet:6px;
--m-theme-table-row-min-height-tablet:44px;
--m-theme-table-mobile-mode-mobile:cards;
--m-theme-table-cell-padding-x-mobile:8px;
--m-theme-table-cell-padding-y-mobile:5px;
--m-theme-table-row-min-height-mobile:40px;
--m-theme-card-bg:#f7fbff;
--m-theme-card-header-bg:#e2edf8;
--m-theme-card-footer-bg:#e5f0fa;
--m-theme-card-border:#9bbbd6;
--m-theme-card-header-border:#e5f0fa;
--m-theme-card-shadow:0 20px 48px rgba(15, 71, 122, .20);
--m-theme-card-radius:10px;
--m-theme-card-padding-x:18px;
--m-theme-card-padding-y:16px;
--m-theme-card-header-min-height:42px;
--m-theme-card-padding-x-desktop:18px;
--m-theme-card-padding-y-desktop:16px;
--m-theme-card-padding-x-tablet:14px;
--m-theme-card-padding-y-tablet:13px;
--m-theme-card-padding-x-mobile:10px;
--m-theme-card-padding-y-mobile:10px;
--m-theme-sidebar-bg:#cfe3f3;
--m-theme-sidebar-search-bg:#eef6fc;
--m-theme-sidebar-item-hover-bg:#b5d4eb;
--m-theme-sidebar-item-active-bg:#087681;
--m-theme-sidebar-border:#4f789f;
--m-theme-sidebar-item-text:#173a58;
--m-theme-sidebar-item-active-text:#ffffff;
--m-theme-sidebar-item-icon:#617590;
--m-theme-sidebar-item-active-icon:#ffffff;
--m-theme-sidebar-shadow:0 20px 48px rgba(15, 71, 122, .20);
--m-theme-sidebar-item-radius:7px;
--m-theme-sidebar-item-height:38px;
--m-theme-sidebar-mode:full;
--m-theme-sidebar-collapse-style:drawer;
--m-theme-sidebar-mode-desktop:full;
--m-theme-sidebar-item-height-desktop:38px;
--m-theme-sidebar-mode-tablet:rail;
--m-theme-sidebar-item-height-tablet:36px;
--m-theme-sidebar-mode-mobile:drawer;
--m-theme-sidebar-item-height-mobile:34px;
--m-theme-topbar-bg:#e0edf9;
--m-theme-topbar-link-active-bg:#c7ddf2;
--m-theme-topbar-border:#9bbbd6;
--m-theme-topbar-link-active-text:#104586;
--m-theme-topbar-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-theme-topbar-height:64px;
--m-theme-topbar-height-desktop:64px;
--m-theme-topbar-height-tablet:58px;
--m-theme-topbar-height-mobile:52px;
--m-theme-button-solid-bg:#1557c0;
--m-theme-button-solid-bg-hover:#0b8f9c;
--m-theme-button-soft-bg:rgba(21, 87, 192, 0.22);
--m-theme-button-outline-bg-hover:rgba(21, 87, 192, 0.13);
--m-theme-button-solid-border:#1557c0;
--m-theme-button-outline-border:#4f789f;
--m-theme-button-solid-text:#ffffff;
--m-theme-button-soft-text:#1557c0;
--m-theme-button-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-theme-button-radius:7px;
--m-theme-button-height:38px;
--m-theme-button-padding-x:14px;
--m-theme-button-font-weight:700;
--m-theme-button-height-desktop:38px;
--m-theme-button-padding-x-desktop:14px;
--m-theme-button-height-tablet:36px;
--m-theme-button-padding-x-tablet:12px;
--m-theme-button-height-mobile:34px;
--m-theme-button-padding-x-mobile:11px;
--m-theme-form-bg:#f7fbff;
--m-theme-form-control-bg:#f7fbff;
--m-theme-form-control-bg-focus:#f7fbff;
--m-theme-form-border:#9bbbd6;
--m-theme-form-focus-border:#1557c0;
--m-theme-form-label-text:#0a1830;
--m-theme-form-control-text:#253a56;
--m-theme-form-placeholder-text:#617590;
--m-theme-form-radius:7px;
--m-theme-form-control-height:38px;
--m-theme-form-padding-x:12px;
--m-theme-form-padding-x-desktop:12px;
--m-theme-form-control-height-desktop:38px;
--m-theme-form-padding-x-tablet:11px;
--m-theme-form-control-height-tablet:36px;
--m-theme-form-padding-x-mobile:10px;
--m-theme-form-control-height-mobile:34px;
--m-theme-badge-bg:#e5f0fa;
--m-theme-badge-soft-bg:rgba(21, 87, 192, 0.22);
--m-theme-badge-border:#9bbbd6;
--m-theme-badge-text:#0a1830;
--m-theme-badge-radius:999px;
--m-theme-badge-height:24px;
--m-theme-badge-height-desktop:24px;
--m-theme-badge-height-tablet:23px;
--m-theme-badge-height-mobile:22px;
--m-theme-pagination-bg:transparent;
--m-theme-pagination-item-bg:#f7fbff;
--m-theme-pagination-item-active-bg:#1557c0;
--m-theme-pagination-item-active-text:#ffffff;
--m-theme-pagination-item-border:#9bbbd6;
--m-theme-pagination-item-radius:7px;
--m-theme-pagination-item-height:34px;
--m-theme-pagination-item-height-desktop:34px;
--m-theme-pagination-item-height-tablet:32px;
--m-theme-pagination-item-height-mobile:30px;
--m-theme-filters-bg:#f7fbff;
--m-theme-filters-header-bg:#e2edf8;
--m-theme-filters-border:#9bbbd6;
--m-theme-filters-shadow:0 20px 48px rgba(15, 71, 122, .20);
--m-theme-filters-radius:10px;
--m-theme-filters-padding-x:18px;
--m-theme-filters-padding-y:16px;
--m-theme-filters-grid-gap:12px;
--m-theme-filters-grid-gap-desktop:12px;
--m-theme-filters-padding-x-desktop:18px;
--m-theme-filters-padding-y-desktop:16px;
--m-theme-filters-grid-gap-tablet:10px;
--m-theme-filters-padding-x-tablet:14px;
--m-theme-filters-padding-y-tablet:13px;
--m-theme-filters-grid-gap-mobile:8px;
--m-theme-filters-padding-x-mobile:10px;
--m-theme-filters-padding-y-mobile:10px;
--m-theme-dropdown-bg:#f7fbff;
--m-theme-dropdown-item-hover-bg:rgba(21, 87, 192, 0.13);
--m-theme-dropdown-border:#9bbbd6;
--m-theme-dropdown-shadow:0 20px 48px rgba(15, 71, 122, .20);
--m-theme-dropdown-radius:8px;
--m-theme-dropdown-item-height:36px;
--m-theme-dropdown-item-height-desktop:36px;
--m-theme-dropdown-item-height-tablet:34px;
--m-theme-dropdown-item-height-mobile:32px;
--m-theme-alert-bg:#efe1ad;
--m-theme-alert-border:#aa7f16;
--m-theme-alert-text:#0a1830;
--m-theme-alert-icon:#1557c0;
--m-theme-alert-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-theme-alert-radius:8px;
--m-theme-alert-padding-x-desktop:18px;
--m-theme-alert-padding-x-tablet:14px;
--m-theme-alert-padding-x-mobile:10px;
--m-theme-tabs-bg:#e5f0fa;
--m-theme-tabs-item-active-bg:rgba(21, 87, 192, 0.22);
--m-theme-tabs-border:#9bbbd6;
--m-theme-tabs-item-active-text:#1557c0;
--m-theme-tabs-item-radius:7px;
--m-theme-tabs-item-height:32px;
--m-theme-tabs-item-height-desktop:32px;
--m-theme-tabs-item-height-tablet:30px;
--m-theme-tabs-item-height-mobile:28px;
--m-theme-button-solid-text-hover:#020617;
--m-theme-button-solid-text-active:#020617;
}
[data-slot="c1"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#1557c0;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#1557c0;
--m-context-accent:#1557c0;
--m-context-accent-color-hover:#1557c0;
--m-context-accent-hover:#1557c0;
--m-context-accent-color-active:#1557c0;
--m-context-accent-active:#1557c0;
--m-context-accent-soft:rgba(21, 87, 192, 0.11);
--m-context-accent-soft-strong:rgba(21, 87, 192, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(21, 87, 192, 0.11);
--m-context-state-hover-accent:#1557c0;
--m-context-state-hover-border:#1557c0;
--m-context-state-active-bg:rgba(21, 87, 192, 0.18);
--m-context-state-active-accent:#1557c0;
--m-context-state-active-border:#1557c0;
--m-context-state-selected-bg:rgba(21, 87, 192, 0.18);
--m-context-state-selected-accent:#1557c0;
--m-context-state-selected-border:#1557c0;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#1557c0;
--m-context-icon-muted:#1557c0;
--m-context-icon-strong:#1557c0;
--m-context-icon-hover:#1557c0;
--m-context-icon-active:#1557c0;
--m-context-icon-action-bg:rgba(21, 87, 192, 0.11);
--m-context-icon-action-bg-hover:rgba(21, 87, 192, 0.18);
--m-context-icon-action-bg-active:rgba(21, 87, 192, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-theme-slot="c1"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#1557c0;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#1557c0;
--m-context-accent:#1557c0;
--m-context-accent-color-hover:#1557c0;
--m-context-accent-hover:#1557c0;
--m-context-accent-color-active:#1557c0;
--m-context-accent-active:#1557c0;
--m-context-accent-soft:rgba(21, 87, 192, 0.11);
--m-context-accent-soft-strong:rgba(21, 87, 192, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(21, 87, 192, 0.11);
--m-context-state-hover-accent:#1557c0;
--m-context-state-hover-border:#1557c0;
--m-context-state-active-bg:rgba(21, 87, 192, 0.18);
--m-context-state-active-accent:#1557c0;
--m-context-state-active-border:#1557c0;
--m-context-state-selected-bg:rgba(21, 87, 192, 0.18);
--m-context-state-selected-accent:#1557c0;
--m-context-state-selected-border:#1557c0;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#1557c0;
--m-context-icon-muted:#1557c0;
--m-context-icon-strong:#1557c0;
--m-context-icon-hover:#1557c0;
--m-context-icon-active:#1557c0;
--m-context-icon-action-bg:rgba(21, 87, 192, 0.11);
--m-context-icon-action-bg-hover:rgba(21, 87, 192, 0.18);
--m-context-icon-action-bg-active:rgba(21, 87, 192, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-accent="c1"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#1557c0;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#1557c0;
--m-context-accent:#1557c0;
--m-context-accent-color-hover:#1557c0;
--m-context-accent-hover:#1557c0;
--m-context-accent-color-active:#1557c0;
--m-context-accent-active:#1557c0;
--m-context-accent-soft:rgba(21, 87, 192, 0.11);
--m-context-accent-soft-strong:rgba(21, 87, 192, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(21, 87, 192, 0.11);
--m-context-state-hover-accent:#1557c0;
--m-context-state-hover-border:#1557c0;
--m-context-state-active-bg:rgba(21, 87, 192, 0.18);
--m-context-state-active-accent:#1557c0;
--m-context-state-active-border:#1557c0;
--m-context-state-selected-bg:rgba(21, 87, 192, 0.18);
--m-context-state-selected-accent:#1557c0;
--m-context-state-selected-border:#1557c0;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#1557c0;
--m-context-icon-muted:#1557c0;
--m-context-icon-strong:#1557c0;
--m-context-icon-hover:#1557c0;
--m-context-icon-active:#1557c0;
--m-context-icon-action-bg:rgba(21, 87, 192, 0.11);
--m-context-icon-action-bg-hover:rgba(21, 87, 192, 0.18);
--m-context-icon-action-bg-active:rgba(21, 87, 192, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-color="c1"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#1557c0;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#1557c0;
--m-context-accent:#1557c0;
--m-context-accent-color-hover:#1557c0;
--m-context-accent-hover:#1557c0;
--m-context-accent-color-active:#1557c0;
--m-context-accent-active:#1557c0;
--m-context-accent-soft:rgba(21, 87, 192, 0.11);
--m-context-accent-soft-strong:rgba(21, 87, 192, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(21, 87, 192, 0.11);
--m-context-state-hover-accent:#1557c0;
--m-context-state-hover-border:#1557c0;
--m-context-state-active-bg:rgba(21, 87, 192, 0.18);
--m-context-state-active-accent:#1557c0;
--m-context-state-active-border:#1557c0;
--m-context-state-selected-bg:rgba(21, 87, 192, 0.18);
--m-context-state-selected-accent:#1557c0;
--m-context-state-selected-border:#1557c0;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#1557c0;
--m-context-icon-muted:#1557c0;
--m-context-icon-strong:#1557c0;
--m-context-icon-hover:#1557c0;
--m-context-icon-active:#1557c0;
--m-context-icon-action-bg:rgba(21, 87, 192, 0.11);
--m-context-icon-action-bg-hover:rgba(21, 87, 192, 0.18);
--m-context-icon-action-bg-active:rgba(21, 87, 192, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-slot="c2"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#0b8f9c;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#0b8f9c;
--m-context-accent:#0b8f9c;
--m-context-accent-color-hover:#0b8f9c;
--m-context-accent-hover:#0b8f9c;
--m-context-accent-color-active:#0b8f9c;
--m-context-accent-active:#0b8f9c;
--m-context-accent-soft:rgba(11, 143, 156, 0.11);
--m-context-accent-soft-strong:rgba(11, 143, 156, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(11, 143, 156, 0.11);
--m-context-state-hover-accent:#0b8f9c;
--m-context-state-hover-border:#0b8f9c;
--m-context-state-active-bg:rgba(11, 143, 156, 0.18);
--m-context-state-active-accent:#0b8f9c;
--m-context-state-active-border:#0b8f9c;
--m-context-state-selected-bg:rgba(11, 143, 156, 0.18);
--m-context-state-selected-accent:#0b8f9c;
--m-context-state-selected-border:#0b8f9c;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#0b8f9c;
--m-context-icon-muted:#0b8f9c;
--m-context-icon-strong:#0b8f9c;
--m-context-icon-hover:#0b8f9c;
--m-context-icon-active:#0b8f9c;
--m-context-icon-action-bg:rgba(11, 143, 156, 0.11);
--m-context-icon-action-bg-hover:rgba(11, 143, 156, 0.18);
--m-context-icon-action-bg-active:rgba(11, 143, 156, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-theme-slot="c2"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#0b8f9c;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#0b8f9c;
--m-context-accent:#0b8f9c;
--m-context-accent-color-hover:#0b8f9c;
--m-context-accent-hover:#0b8f9c;
--m-context-accent-color-active:#0b8f9c;
--m-context-accent-active:#0b8f9c;
--m-context-accent-soft:rgba(11, 143, 156, 0.11);
--m-context-accent-soft-strong:rgba(11, 143, 156, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(11, 143, 156, 0.11);
--m-context-state-hover-accent:#0b8f9c;
--m-context-state-hover-border:#0b8f9c;
--m-context-state-active-bg:rgba(11, 143, 156, 0.18);
--m-context-state-active-accent:#0b8f9c;
--m-context-state-active-border:#0b8f9c;
--m-context-state-selected-bg:rgba(11, 143, 156, 0.18);
--m-context-state-selected-accent:#0b8f9c;
--m-context-state-selected-border:#0b8f9c;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#0b8f9c;
--m-context-icon-muted:#0b8f9c;
--m-context-icon-strong:#0b8f9c;
--m-context-icon-hover:#0b8f9c;
--m-context-icon-active:#0b8f9c;
--m-context-icon-action-bg:rgba(11, 143, 156, 0.11);
--m-context-icon-action-bg-hover:rgba(11, 143, 156, 0.18);
--m-context-icon-action-bg-active:rgba(11, 143, 156, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-accent="c2"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#0b8f9c;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#0b8f9c;
--m-context-accent:#0b8f9c;
--m-context-accent-color-hover:#0b8f9c;
--m-context-accent-hover:#0b8f9c;
--m-context-accent-color-active:#0b8f9c;
--m-context-accent-active:#0b8f9c;
--m-context-accent-soft:rgba(11, 143, 156, 0.11);
--m-context-accent-soft-strong:rgba(11, 143, 156, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(11, 143, 156, 0.11);
--m-context-state-hover-accent:#0b8f9c;
--m-context-state-hover-border:#0b8f9c;
--m-context-state-active-bg:rgba(11, 143, 156, 0.18);
--m-context-state-active-accent:#0b8f9c;
--m-context-state-active-border:#0b8f9c;
--m-context-state-selected-bg:rgba(11, 143, 156, 0.18);
--m-context-state-selected-accent:#0b8f9c;
--m-context-state-selected-border:#0b8f9c;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#0b8f9c;
--m-context-icon-muted:#0b8f9c;
--m-context-icon-strong:#0b8f9c;
--m-context-icon-hover:#0b8f9c;
--m-context-icon-active:#0b8f9c;
--m-context-icon-action-bg:rgba(11, 143, 156, 0.11);
--m-context-icon-action-bg-hover:rgba(11, 143, 156, 0.18);
--m-context-icon-action-bg-active:rgba(11, 143, 156, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-color="c2"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#0b8f9c;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#0b8f9c;
--m-context-accent:#0b8f9c;
--m-context-accent-color-hover:#0b8f9c;
--m-context-accent-hover:#0b8f9c;
--m-context-accent-color-active:#0b8f9c;
--m-context-accent-active:#0b8f9c;
--m-context-accent-soft:rgba(11, 143, 156, 0.11);
--m-context-accent-soft-strong:rgba(11, 143, 156, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(11, 143, 156, 0.11);
--m-context-state-hover-accent:#0b8f9c;
--m-context-state-hover-border:#0b8f9c;
--m-context-state-active-bg:rgba(11, 143, 156, 0.18);
--m-context-state-active-accent:#0b8f9c;
--m-context-state-active-border:#0b8f9c;
--m-context-state-selected-bg:rgba(11, 143, 156, 0.18);
--m-context-state-selected-accent:#0b8f9c;
--m-context-state-selected-border:#0b8f9c;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#0b8f9c;
--m-context-icon-muted:#0b8f9c;
--m-context-icon-strong:#0b8f9c;
--m-context-icon-hover:#0b8f9c;
--m-context-icon-active:#0b8f9c;
--m-context-icon-action-bg:rgba(11, 143, 156, 0.11);
--m-context-icon-action-bg-hover:rgba(11, 143, 156, 0.18);
--m-context-icon-action-bg-active:rgba(11, 143, 156, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-slot="c3"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#d6a62d;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#d6a62d;
--m-context-accent:#d6a62d;
--m-context-accent-color-hover:#d6a62d;
--m-context-accent-hover:#d6a62d;
--m-context-accent-color-active:#d6a62d;
--m-context-accent-active:#d6a62d;
--m-context-accent-soft:rgba(214, 166, 45, 0.11);
--m-context-accent-soft-strong:rgba(214, 166, 45, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(214, 166, 45, 0.11);
--m-context-state-hover-accent:#d6a62d;
--m-context-state-hover-border:#d6a62d;
--m-context-state-active-bg:rgba(214, 166, 45, 0.18);
--m-context-state-active-accent:#d6a62d;
--m-context-state-active-border:#d6a62d;
--m-context-state-selected-bg:rgba(214, 166, 45, 0.18);
--m-context-state-selected-accent:#d6a62d;
--m-context-state-selected-border:#d6a62d;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#d6a62d;
--m-context-icon-muted:#d6a62d;
--m-context-icon-strong:#d6a62d;
--m-context-icon-hover:#d6a62d;
--m-context-icon-active:#d6a62d;
--m-context-icon-action-bg:rgba(214, 166, 45, 0.11);
--m-context-icon-action-bg-hover:rgba(214, 166, 45, 0.18);
--m-context-icon-action-bg-active:rgba(214, 166, 45, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-theme-slot="c3"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#d6a62d;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#d6a62d;
--m-context-accent:#d6a62d;
--m-context-accent-color-hover:#d6a62d;
--m-context-accent-hover:#d6a62d;
--m-context-accent-color-active:#d6a62d;
--m-context-accent-active:#d6a62d;
--m-context-accent-soft:rgba(214, 166, 45, 0.11);
--m-context-accent-soft-strong:rgba(214, 166, 45, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(214, 166, 45, 0.11);
--m-context-state-hover-accent:#d6a62d;
--m-context-state-hover-border:#d6a62d;
--m-context-state-active-bg:rgba(214, 166, 45, 0.18);
--m-context-state-active-accent:#d6a62d;
--m-context-state-active-border:#d6a62d;
--m-context-state-selected-bg:rgba(214, 166, 45, 0.18);
--m-context-state-selected-accent:#d6a62d;
--m-context-state-selected-border:#d6a62d;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#d6a62d;
--m-context-icon-muted:#d6a62d;
--m-context-icon-strong:#d6a62d;
--m-context-icon-hover:#d6a62d;
--m-context-icon-active:#d6a62d;
--m-context-icon-action-bg:rgba(214, 166, 45, 0.11);
--m-context-icon-action-bg-hover:rgba(214, 166, 45, 0.18);
--m-context-icon-action-bg-active:rgba(214, 166, 45, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-accent="c3"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#d6a62d;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#d6a62d;
--m-context-accent:#d6a62d;
--m-context-accent-color-hover:#d6a62d;
--m-context-accent-hover:#d6a62d;
--m-context-accent-color-active:#d6a62d;
--m-context-accent-active:#d6a62d;
--m-context-accent-soft:rgba(214, 166, 45, 0.11);
--m-context-accent-soft-strong:rgba(214, 166, 45, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(214, 166, 45, 0.11);
--m-context-state-hover-accent:#d6a62d;
--m-context-state-hover-border:#d6a62d;
--m-context-state-active-bg:rgba(214, 166, 45, 0.18);
--m-context-state-active-accent:#d6a62d;
--m-context-state-active-border:#d6a62d;
--m-context-state-selected-bg:rgba(214, 166, 45, 0.18);
--m-context-state-selected-accent:#d6a62d;
--m-context-state-selected-border:#d6a62d;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#d6a62d;
--m-context-icon-muted:#d6a62d;
--m-context-icon-strong:#d6a62d;
--m-context-icon-hover:#d6a62d;
--m-context-icon-active:#d6a62d;
--m-context-icon-action-bg:rgba(214, 166, 45, 0.11);
--m-context-icon-action-bg-hover:rgba(214, 166, 45, 0.18);
--m-context-icon-action-bg-active:rgba(214, 166, 45, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-color="c3"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#d6a62d;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#d6a62d;
--m-context-accent:#d6a62d;
--m-context-accent-color-hover:#d6a62d;
--m-context-accent-hover:#d6a62d;
--m-context-accent-color-active:#d6a62d;
--m-context-accent-active:#d6a62d;
--m-context-accent-soft:rgba(214, 166, 45, 0.11);
--m-context-accent-soft-strong:rgba(214, 166, 45, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(214, 166, 45, 0.11);
--m-context-state-hover-accent:#d6a62d;
--m-context-state-hover-border:#d6a62d;
--m-context-state-active-bg:rgba(214, 166, 45, 0.18);
--m-context-state-active-accent:#d6a62d;
--m-context-state-active-border:#d6a62d;
--m-context-state-selected-bg:rgba(214, 166, 45, 0.18);
--m-context-state-selected-accent:#d6a62d;
--m-context-state-selected-border:#d6a62d;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#d6a62d;
--m-context-icon-muted:#d6a62d;
--m-context-icon-strong:#d6a62d;
--m-context-icon-hover:#d6a62d;
--m-context-icon-active:#d6a62d;
--m-context-icon-action-bg:rgba(214, 166, 45, 0.11);
--m-context-icon-action-bg-hover:rgba(214, 166, 45, 0.18);
--m-context-icon-action-bg-active:rgba(214, 166, 45, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-slot="c4"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#c2413b;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#c2413b;
--m-context-accent:#c2413b;
--m-context-accent-color-hover:#c2413b;
--m-context-accent-hover:#c2413b;
--m-context-accent-color-active:#c2413b;
--m-context-accent-active:#c2413b;
--m-context-accent-soft:rgba(194, 65, 59, 0.11);
--m-context-accent-soft-strong:rgba(194, 65, 59, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(194, 65, 59, 0.11);
--m-context-state-hover-accent:#c2413b;
--m-context-state-hover-border:#c2413b;
--m-context-state-active-bg:rgba(194, 65, 59, 0.18);
--m-context-state-active-accent:#c2413b;
--m-context-state-active-border:#c2413b;
--m-context-state-selected-bg:rgba(194, 65, 59, 0.18);
--m-context-state-selected-accent:#c2413b;
--m-context-state-selected-border:#c2413b;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#c2413b;
--m-context-icon-muted:#c2413b;
--m-context-icon-strong:#c2413b;
--m-context-icon-hover:#c2413b;
--m-context-icon-active:#c2413b;
--m-context-icon-action-bg:rgba(194, 65, 59, 0.11);
--m-context-icon-action-bg-hover:rgba(194, 65, 59, 0.18);
--m-context-icon-action-bg-active:rgba(194, 65, 59, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-theme-slot="c4"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#c2413b;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#c2413b;
--m-context-accent:#c2413b;
--m-context-accent-color-hover:#c2413b;
--m-context-accent-hover:#c2413b;
--m-context-accent-color-active:#c2413b;
--m-context-accent-active:#c2413b;
--m-context-accent-soft:rgba(194, 65, 59, 0.11);
--m-context-accent-soft-strong:rgba(194, 65, 59, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(194, 65, 59, 0.11);
--m-context-state-hover-accent:#c2413b;
--m-context-state-hover-border:#c2413b;
--m-context-state-active-bg:rgba(194, 65, 59, 0.18);
--m-context-state-active-accent:#c2413b;
--m-context-state-active-border:#c2413b;
--m-context-state-selected-bg:rgba(194, 65, 59, 0.18);
--m-context-state-selected-accent:#c2413b;
--m-context-state-selected-border:#c2413b;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#c2413b;
--m-context-icon-muted:#c2413b;
--m-context-icon-strong:#c2413b;
--m-context-icon-hover:#c2413b;
--m-context-icon-active:#c2413b;
--m-context-icon-action-bg:rgba(194, 65, 59, 0.11);
--m-context-icon-action-bg-hover:rgba(194, 65, 59, 0.18);
--m-context-icon-action-bg-active:rgba(194, 65, 59, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-accent="c4"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#c2413b;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#c2413b;
--m-context-accent:#c2413b;
--m-context-accent-color-hover:#c2413b;
--m-context-accent-hover:#c2413b;
--m-context-accent-color-active:#c2413b;
--m-context-accent-active:#c2413b;
--m-context-accent-soft:rgba(194, 65, 59, 0.11);
--m-context-accent-soft-strong:rgba(194, 65, 59, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(194, 65, 59, 0.11);
--m-context-state-hover-accent:#c2413b;
--m-context-state-hover-border:#c2413b;
--m-context-state-active-bg:rgba(194, 65, 59, 0.18);
--m-context-state-active-accent:#c2413b;
--m-context-state-active-border:#c2413b;
--m-context-state-selected-bg:rgba(194, 65, 59, 0.18);
--m-context-state-selected-accent:#c2413b;
--m-context-state-selected-border:#c2413b;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#c2413b;
--m-context-icon-muted:#c2413b;
--m-context-icon-strong:#c2413b;
--m-context-icon-hover:#c2413b;
--m-context-icon-active:#c2413b;
--m-context-icon-action-bg:rgba(194, 65, 59, 0.11);
--m-context-icon-action-bg-hover:rgba(194, 65, 59, 0.18);
--m-context-icon-action-bg-active:rgba(194, 65, 59, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-color="c4"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#c2413b;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#c2413b;
--m-context-accent:#c2413b;
--m-context-accent-color-hover:#c2413b;
--m-context-accent-hover:#c2413b;
--m-context-accent-color-active:#c2413b;
--m-context-accent-active:#c2413b;
--m-context-accent-soft:rgba(194, 65, 59, 0.11);
--m-context-accent-soft-strong:rgba(194, 65, 59, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(194, 65, 59, 0.11);
--m-context-state-hover-accent:#c2413b;
--m-context-state-hover-border:#c2413b;
--m-context-state-active-bg:rgba(194, 65, 59, 0.18);
--m-context-state-active-accent:#c2413b;
--m-context-state-active-border:#c2413b;
--m-context-state-selected-bg:rgba(194, 65, 59, 0.18);
--m-context-state-selected-accent:#c2413b;
--m-context-state-selected-border:#c2413b;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#c2413b;
--m-context-icon-muted:#c2413b;
--m-context-icon-strong:#c2413b;
--m-context-icon-hover:#c2413b;
--m-context-icon-active:#c2413b;
--m-context-icon-action-bg:rgba(194, 65, 59, 0.11);
--m-context-icon-action-bg-hover:rgba(194, 65, 59, 0.18);
--m-context-icon-action-bg-active:rgba(194, 65, 59, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-slot="c5"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#16835b;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#16835b;
--m-context-accent:#16835b;
--m-context-accent-color-hover:#16835b;
--m-context-accent-hover:#16835b;
--m-context-accent-color-active:#16835b;
--m-context-accent-active:#16835b;
--m-context-accent-soft:rgba(22, 131, 91, 0.11);
--m-context-accent-soft-strong:rgba(22, 131, 91, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(22, 131, 91, 0.11);
--m-context-state-hover-accent:#16835b;
--m-context-state-hover-border:#16835b;
--m-context-state-active-bg:rgba(22, 131, 91, 0.18);
--m-context-state-active-accent:#16835b;
--m-context-state-active-border:#16835b;
--m-context-state-selected-bg:rgba(22, 131, 91, 0.18);
--m-context-state-selected-accent:#16835b;
--m-context-state-selected-border:#16835b;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#16835b;
--m-context-icon-muted:#16835b;
--m-context-icon-strong:#16835b;
--m-context-icon-hover:#16835b;
--m-context-icon-active:#16835b;
--m-context-icon-action-bg:rgba(22, 131, 91, 0.11);
--m-context-icon-action-bg-hover:rgba(22, 131, 91, 0.18);
--m-context-icon-action-bg-active:rgba(22, 131, 91, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-theme-slot="c5"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#16835b;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#16835b;
--m-context-accent:#16835b;
--m-context-accent-color-hover:#16835b;
--m-context-accent-hover:#16835b;
--m-context-accent-color-active:#16835b;
--m-context-accent-active:#16835b;
--m-context-accent-soft:rgba(22, 131, 91, 0.11);
--m-context-accent-soft-strong:rgba(22, 131, 91, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(22, 131, 91, 0.11);
--m-context-state-hover-accent:#16835b;
--m-context-state-hover-border:#16835b;
--m-context-state-active-bg:rgba(22, 131, 91, 0.18);
--m-context-state-active-accent:#16835b;
--m-context-state-active-border:#16835b;
--m-context-state-selected-bg:rgba(22, 131, 91, 0.18);
--m-context-state-selected-accent:#16835b;
--m-context-state-selected-border:#16835b;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#16835b;
--m-context-icon-muted:#16835b;
--m-context-icon-strong:#16835b;
--m-context-icon-hover:#16835b;
--m-context-icon-active:#16835b;
--m-context-icon-action-bg:rgba(22, 131, 91, 0.11);
--m-context-icon-action-bg-hover:rgba(22, 131, 91, 0.18);
--m-context-icon-action-bg-active:rgba(22, 131, 91, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-accent="c5"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#16835b;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#16835b;
--m-context-accent:#16835b;
--m-context-accent-color-hover:#16835b;
--m-context-accent-hover:#16835b;
--m-context-accent-color-active:#16835b;
--m-context-accent-active:#16835b;
--m-context-accent-soft:rgba(22, 131, 91, 0.11);
--m-context-accent-soft-strong:rgba(22, 131, 91, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(22, 131, 91, 0.11);
--m-context-state-hover-accent:#16835b;
--m-context-state-hover-border:#16835b;
--m-context-state-active-bg:rgba(22, 131, 91, 0.18);
--m-context-state-active-accent:#16835b;
--m-context-state-active-border:#16835b;
--m-context-state-selected-bg:rgba(22, 131, 91, 0.18);
--m-context-state-selected-accent:#16835b;
--m-context-state-selected-border:#16835b;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#16835b;
--m-context-icon-muted:#16835b;
--m-context-icon-strong:#16835b;
--m-context-icon-hover:#16835b;
--m-context-icon-active:#16835b;
--m-context-icon-action-bg:rgba(22, 131, 91, 0.11);
--m-context-icon-action-bg-hover:rgba(22, 131, 91, 0.18);
--m-context-icon-action-bg-active:rgba(22, 131, 91, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-color="c5"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#16835b;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#16835b;
--m-context-accent:#16835b;
--m-context-accent-color-hover:#16835b;
--m-context-accent-hover:#16835b;
--m-context-accent-color-active:#16835b;
--m-context-accent-active:#16835b;
--m-context-accent-soft:rgba(22, 131, 91, 0.11);
--m-context-accent-soft-strong:rgba(22, 131, 91, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(22, 131, 91, 0.11);
--m-context-state-hover-accent:#16835b;
--m-context-state-hover-border:#16835b;
--m-context-state-active-bg:rgba(22, 131, 91, 0.18);
--m-context-state-active-accent:#16835b;
--m-context-state-active-border:#16835b;
--m-context-state-selected-bg:rgba(22, 131, 91, 0.18);
--m-context-state-selected-accent:#16835b;
--m-context-state-selected-border:#16835b;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#16835b;
--m-context-icon-muted:#16835b;
--m-context-icon-strong:#16835b;
--m-context-icon-hover:#16835b;
--m-context-icon-active:#16835b;
--m-context-icon-action-bg:rgba(22, 131, 91, 0.11);
--m-context-icon-action-bg-hover:rgba(22, 131, 91, 0.18);
--m-context-icon-action-bg-active:rgba(22, 131, 91, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-slot="c6"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#7355b7;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#7355b7;
--m-context-accent:#7355b7;
--m-context-accent-color-hover:#7355b7;
--m-context-accent-hover:#7355b7;
--m-context-accent-color-active:#7355b7;
--m-context-accent-active:#7355b7;
--m-context-accent-soft:rgba(115, 85, 183, 0.11);
--m-context-accent-soft-strong:rgba(115, 85, 183, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(115, 85, 183, 0.11);
--m-context-state-hover-accent:#7355b7;
--m-context-state-hover-border:#7355b7;
--m-context-state-active-bg:rgba(115, 85, 183, 0.18);
--m-context-state-active-accent:#7355b7;
--m-context-state-active-border:#7355b7;
--m-context-state-selected-bg:rgba(115, 85, 183, 0.18);
--m-context-state-selected-accent:#7355b7;
--m-context-state-selected-border:#7355b7;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#7355b7;
--m-context-icon-muted:#7355b7;
--m-context-icon-strong:#7355b7;
--m-context-icon-hover:#7355b7;
--m-context-icon-active:#7355b7;
--m-context-icon-action-bg:rgba(115, 85, 183, 0.11);
--m-context-icon-action-bg-hover:rgba(115, 85, 183, 0.18);
--m-context-icon-action-bg-active:rgba(115, 85, 183, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-theme-slot="c6"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#7355b7;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#7355b7;
--m-context-accent:#7355b7;
--m-context-accent-color-hover:#7355b7;
--m-context-accent-hover:#7355b7;
--m-context-accent-color-active:#7355b7;
--m-context-accent-active:#7355b7;
--m-context-accent-soft:rgba(115, 85, 183, 0.11);
--m-context-accent-soft-strong:rgba(115, 85, 183, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(115, 85, 183, 0.11);
--m-context-state-hover-accent:#7355b7;
--m-context-state-hover-border:#7355b7;
--m-context-state-active-bg:rgba(115, 85, 183, 0.18);
--m-context-state-active-accent:#7355b7;
--m-context-state-active-border:#7355b7;
--m-context-state-selected-bg:rgba(115, 85, 183, 0.18);
--m-context-state-selected-accent:#7355b7;
--m-context-state-selected-border:#7355b7;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#7355b7;
--m-context-icon-muted:#7355b7;
--m-context-icon-strong:#7355b7;
--m-context-icon-hover:#7355b7;
--m-context-icon-active:#7355b7;
--m-context-icon-action-bg:rgba(115, 85, 183, 0.11);
--m-context-icon-action-bg-hover:rgba(115, 85, 183, 0.18);
--m-context-icon-action-bg-active:rgba(115, 85, 183, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-accent="c6"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#7355b7;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#7355b7;
--m-context-accent:#7355b7;
--m-context-accent-color-hover:#7355b7;
--m-context-accent-hover:#7355b7;
--m-context-accent-color-active:#7355b7;
--m-context-accent-active:#7355b7;
--m-context-accent-soft:rgba(115, 85, 183, 0.11);
--m-context-accent-soft-strong:rgba(115, 85, 183, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(115, 85, 183, 0.11);
--m-context-state-hover-accent:#7355b7;
--m-context-state-hover-border:#7355b7;
--m-context-state-active-bg:rgba(115, 85, 183, 0.18);
--m-context-state-active-accent:#7355b7;
--m-context-state-active-border:#7355b7;
--m-context-state-selected-bg:rgba(115, 85, 183, 0.18);
--m-context-state-selected-accent:#7355b7;
--m-context-state-selected-border:#7355b7;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#7355b7;
--m-context-icon-muted:#7355b7;
--m-context-icon-strong:#7355b7;
--m-context-icon-hover:#7355b7;
--m-context-icon-active:#7355b7;
--m-context-icon-action-bg:rgba(115, 85, 183, 0.11);
--m-context-icon-action-bg-hover:rgba(115, 85, 183, 0.18);
--m-context-icon-action-bg-active:rgba(115, 85, 183, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-color="c6"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#7355b7;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#7355b7;
--m-context-accent:#7355b7;
--m-context-accent-color-hover:#7355b7;
--m-context-accent-hover:#7355b7;
--m-context-accent-color-active:#7355b7;
--m-context-accent-active:#7355b7;
--m-context-accent-soft:rgba(115, 85, 183, 0.11);
--m-context-accent-soft-strong:rgba(115, 85, 183, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(115, 85, 183, 0.11);
--m-context-state-hover-accent:#7355b7;
--m-context-state-hover-border:#7355b7;
--m-context-state-active-bg:rgba(115, 85, 183, 0.18);
--m-context-state-active-accent:#7355b7;
--m-context-state-active-border:#7355b7;
--m-context-state-selected-bg:rgba(115, 85, 183, 0.18);
--m-context-state-selected-accent:#7355b7;
--m-context-state-selected-border:#7355b7;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#7355b7;
--m-context-icon-muted:#7355b7;
--m-context-icon-strong:#7355b7;
--m-context-icon-hover:#7355b7;
--m-context-icon-active:#7355b7;
--m-context-icon-action-bg:rgba(115, 85, 183, 0.11);
--m-context-icon-action-bg-hover:rgba(115, 85, 183, 0.18);
--m-context-icon-action-bg-active:rgba(115, 85, 183, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-slot="c7"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#4f789f;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#4f789f;
--m-context-accent:#4f789f;
--m-context-accent-color-hover:#4f789f;
--m-context-accent-hover:#4f789f;
--m-context-accent-color-active:#4f789f;
--m-context-accent-active:#4f789f;
--m-context-accent-soft:rgba(79, 120, 159, 0.11);
--m-context-accent-soft-strong:rgba(79, 120, 159, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(79, 120, 159, 0.11);
--m-context-state-hover-accent:#4f789f;
--m-context-state-hover-border:#4f789f;
--m-context-state-active-bg:rgba(79, 120, 159, 0.18);
--m-context-state-active-accent:#4f789f;
--m-context-state-active-border:#4f789f;
--m-context-state-selected-bg:rgba(79, 120, 159, 0.18);
--m-context-state-selected-accent:#4f789f;
--m-context-state-selected-border:#4f789f;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#4f789f;
--m-context-icon-muted:#4f789f;
--m-context-icon-strong:#4f789f;
--m-context-icon-hover:#4f789f;
--m-context-icon-active:#4f789f;
--m-context-icon-action-bg:rgba(79, 120, 159, 0.11);
--m-context-icon-action-bg-hover:rgba(79, 120, 159, 0.18);
--m-context-icon-action-bg-active:rgba(79, 120, 159, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-theme-slot="c7"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#4f789f;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#4f789f;
--m-context-accent:#4f789f;
--m-context-accent-color-hover:#4f789f;
--m-context-accent-hover:#4f789f;
--m-context-accent-color-active:#4f789f;
--m-context-accent-active:#4f789f;
--m-context-accent-soft:rgba(79, 120, 159, 0.11);
--m-context-accent-soft-strong:rgba(79, 120, 159, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(79, 120, 159, 0.11);
--m-context-state-hover-accent:#4f789f;
--m-context-state-hover-border:#4f789f;
--m-context-state-active-bg:rgba(79, 120, 159, 0.18);
--m-context-state-active-accent:#4f789f;
--m-context-state-active-border:#4f789f;
--m-context-state-selected-bg:rgba(79, 120, 159, 0.18);
--m-context-state-selected-accent:#4f789f;
--m-context-state-selected-border:#4f789f;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#4f789f;
--m-context-icon-muted:#4f789f;
--m-context-icon-strong:#4f789f;
--m-context-icon-hover:#4f789f;
--m-context-icon-active:#4f789f;
--m-context-icon-action-bg:rgba(79, 120, 159, 0.11);
--m-context-icon-action-bg-hover:rgba(79, 120, 159, 0.18);
--m-context-icon-action-bg-active:rgba(79, 120, 159, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-accent="c7"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#4f789f;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#4f789f;
--m-context-accent:#4f789f;
--m-context-accent-color-hover:#4f789f;
--m-context-accent-hover:#4f789f;
--m-context-accent-color-active:#4f789f;
--m-context-accent-active:#4f789f;
--m-context-accent-soft:rgba(79, 120, 159, 0.11);
--m-context-accent-soft-strong:rgba(79, 120, 159, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(79, 120, 159, 0.11);
--m-context-state-hover-accent:#4f789f;
--m-context-state-hover-border:#4f789f;
--m-context-state-active-bg:rgba(79, 120, 159, 0.18);
--m-context-state-active-accent:#4f789f;
--m-context-state-active-border:#4f789f;
--m-context-state-selected-bg:rgba(79, 120, 159, 0.18);
--m-context-state-selected-accent:#4f789f;
--m-context-state-selected-border:#4f789f;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#4f789f;
--m-context-icon-muted:#4f789f;
--m-context-icon-strong:#4f789f;
--m-context-icon-hover:#4f789f;
--m-context-icon-active:#4f789f;
--m-context-icon-action-bg:rgba(79, 120, 159, 0.11);
--m-context-icon-action-bg-hover:rgba(79, 120, 159, 0.18);
--m-context-icon-action-bg-active:rgba(79, 120, 159, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-color="c7"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#4f789f;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#4f789f;
--m-context-accent:#4f789f;
--m-context-accent-color-hover:#4f789f;
--m-context-accent-hover:#4f789f;
--m-context-accent-color-active:#4f789f;
--m-context-accent-active:#4f789f;
--m-context-accent-soft:rgba(79, 120, 159, 0.11);
--m-context-accent-soft-strong:rgba(79, 120, 159, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(79, 120, 159, 0.11);
--m-context-state-hover-accent:#4f789f;
--m-context-state-hover-border:#4f789f;
--m-context-state-active-bg:rgba(79, 120, 159, 0.18);
--m-context-state-active-accent:#4f789f;
--m-context-state-active-border:#4f789f;
--m-context-state-selected-bg:rgba(79, 120, 159, 0.18);
--m-context-state-selected-accent:#4f789f;
--m-context-state-selected-border:#4f789f;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#4f789f;
--m-context-icon-muted:#4f789f;
--m-context-icon-strong:#4f789f;
--m-context-icon-hover:#4f789f;
--m-context-icon-active:#4f789f;
--m-context-icon-action-bg:rgba(79, 120, 159, 0.11);
--m-context-icon-action-bg-hover:rgba(79, 120, 159, 0.18);
--m-context-icon-action-bg-active:rgba(79, 120, 159, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-slot="c8"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#617590;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#617590;
--m-context-accent:#617590;
--m-context-accent-color-hover:#617590;
--m-context-accent-hover:#617590;
--m-context-accent-color-active:#617590;
--m-context-accent-active:#617590;
--m-context-accent-soft:rgba(97, 117, 144, 0.11);
--m-context-accent-soft-strong:rgba(97, 117, 144, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(97, 117, 144, 0.11);
--m-context-state-hover-accent:#617590;
--m-context-state-hover-border:#617590;
--m-context-state-active-bg:rgba(97, 117, 144, 0.18);
--m-context-state-active-accent:#617590;
--m-context-state-active-border:#617590;
--m-context-state-selected-bg:rgba(97, 117, 144, 0.18);
--m-context-state-selected-accent:#617590;
--m-context-state-selected-border:#617590;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#617590;
--m-context-icon-muted:#617590;
--m-context-icon-strong:#617590;
--m-context-icon-hover:#617590;
--m-context-icon-active:#617590;
--m-context-icon-action-bg:rgba(97, 117, 144, 0.11);
--m-context-icon-action-bg-hover:rgba(97, 117, 144, 0.18);
--m-context-icon-action-bg-active:rgba(97, 117, 144, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-theme-slot="c8"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#617590;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#617590;
--m-context-accent:#617590;
--m-context-accent-color-hover:#617590;
--m-context-accent-hover:#617590;
--m-context-accent-color-active:#617590;
--m-context-accent-active:#617590;
--m-context-accent-soft:rgba(97, 117, 144, 0.11);
--m-context-accent-soft-strong:rgba(97, 117, 144, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(97, 117, 144, 0.11);
--m-context-state-hover-accent:#617590;
--m-context-state-hover-border:#617590;
--m-context-state-active-bg:rgba(97, 117, 144, 0.18);
--m-context-state-active-accent:#617590;
--m-context-state-active-border:#617590;
--m-context-state-selected-bg:rgba(97, 117, 144, 0.18);
--m-context-state-selected-accent:#617590;
--m-context-state-selected-border:#617590;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#617590;
--m-context-icon-muted:#617590;
--m-context-icon-strong:#617590;
--m-context-icon-hover:#617590;
--m-context-icon-active:#617590;
--m-context-icon-action-bg:rgba(97, 117, 144, 0.11);
--m-context-icon-action-bg-hover:rgba(97, 117, 144, 0.18);
--m-context-icon-action-bg-active:rgba(97, 117, 144, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-accent="c8"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#617590;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#617590;
--m-context-accent:#617590;
--m-context-accent-color-hover:#617590;
--m-context-accent-hover:#617590;
--m-context-accent-color-active:#617590;
--m-context-accent-active:#617590;
--m-context-accent-soft:rgba(97, 117, 144, 0.11);
--m-context-accent-soft-strong:rgba(97, 117, 144, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(97, 117, 144, 0.11);
--m-context-state-hover-accent:#617590;
--m-context-state-hover-border:#617590;
--m-context-state-active-bg:rgba(97, 117, 144, 0.18);
--m-context-state-active-accent:#617590;
--m-context-state-active-border:#617590;
--m-context-state-selected-bg:rgba(97, 117, 144, 0.18);
--m-context-state-selected-accent:#617590;
--m-context-state-selected-border:#617590;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#617590;
--m-context-icon-muted:#617590;
--m-context-icon-strong:#617590;
--m-context-icon-hover:#617590;
--m-context-icon-active:#617590;
--m-context-icon-action-bg:rgba(97, 117, 144, 0.11);
--m-context-icon-action-bg-hover:rgba(97, 117, 144, 0.18);
--m-context-icon-action-bg-active:rgba(97, 117, 144, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-color="c8"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#617590;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#617590;
--m-context-accent:#617590;
--m-context-accent-color-hover:#617590;
--m-context-accent-hover:#617590;
--m-context-accent-color-active:#617590;
--m-context-accent-active:#617590;
--m-context-accent-soft:rgba(97, 117, 144, 0.11);
--m-context-accent-soft-strong:rgba(97, 117, 144, 0.18);
--m-context-accent-text-inverse:#ffffff;
--m-context-state-hover-bg:rgba(97, 117, 144, 0.11);
--m-context-state-hover-accent:#617590;
--m-context-state-hover-border:#617590;
--m-context-state-active-bg:rgba(97, 117, 144, 0.18);
--m-context-state-active-accent:#617590;
--m-context-state-active-border:#617590;
--m-context-state-selected-bg:rgba(97, 117, 144, 0.18);
--m-context-state-selected-accent:#617590;
--m-context-state-selected-border:#617590;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#617590;
--m-context-icon-muted:#617590;
--m-context-icon-strong:#617590;
--m-context-icon-hover:#617590;
--m-context-icon-active:#617590;
--m-context-icon-action-bg:rgba(97, 117, 144, 0.11);
--m-context-icon-action-bg-hover:rgba(97, 117, 144, 0.18);
--m-context-icon-action-bg-active:rgba(97, 117, 144, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-slot="c9"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#0b8f9c;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#0b8f9c;
--m-context-accent:#0b8f9c;
--m-context-accent-color-hover:#0b8f9c;
--m-context-accent-hover:#0b8f9c;
--m-context-accent-color-active:#0b8f9c;
--m-context-accent-active:#0b8f9c;
--m-context-accent-soft:rgba(11, 143, 156, 0.11);
--m-context-accent-soft-strong:rgba(11, 143, 156, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(11, 143, 156, 0.11);
--m-context-state-hover-accent:#0b8f9c;
--m-context-state-hover-border:#0b8f9c;
--m-context-state-active-bg:rgba(11, 143, 156, 0.18);
--m-context-state-active-accent:#0b8f9c;
--m-context-state-active-border:#0b8f9c;
--m-context-state-selected-bg:rgba(11, 143, 156, 0.18);
--m-context-state-selected-accent:#0b8f9c;
--m-context-state-selected-border:#0b8f9c;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#0b8f9c;
--m-context-icon-muted:#0b8f9c;
--m-context-icon-strong:#0b8f9c;
--m-context-icon-hover:#0b8f9c;
--m-context-icon-active:#0b8f9c;
--m-context-icon-action-bg:rgba(11, 143, 156, 0.11);
--m-context-icon-action-bg-hover:rgba(11, 143, 156, 0.18);
--m-context-icon-action-bg-active:rgba(11, 143, 156, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-theme-slot="c9"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#0b8f9c;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#0b8f9c;
--m-context-accent:#0b8f9c;
--m-context-accent-color-hover:#0b8f9c;
--m-context-accent-hover:#0b8f9c;
--m-context-accent-color-active:#0b8f9c;
--m-context-accent-active:#0b8f9c;
--m-context-accent-soft:rgba(11, 143, 156, 0.11);
--m-context-accent-soft-strong:rgba(11, 143, 156, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(11, 143, 156, 0.11);
--m-context-state-hover-accent:#0b8f9c;
--m-context-state-hover-border:#0b8f9c;
--m-context-state-active-bg:rgba(11, 143, 156, 0.18);
--m-context-state-active-accent:#0b8f9c;
--m-context-state-active-border:#0b8f9c;
--m-context-state-selected-bg:rgba(11, 143, 156, 0.18);
--m-context-state-selected-accent:#0b8f9c;
--m-context-state-selected-border:#0b8f9c;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#0b8f9c;
--m-context-icon-muted:#0b8f9c;
--m-context-icon-strong:#0b8f9c;
--m-context-icon-hover:#0b8f9c;
--m-context-icon-active:#0b8f9c;
--m-context-icon-action-bg:rgba(11, 143, 156, 0.11);
--m-context-icon-action-bg-hover:rgba(11, 143, 156, 0.18);
--m-context-icon-action-bg-active:rgba(11, 143, 156, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-accent="c9"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#0b8f9c;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#0b8f9c;
--m-context-accent:#0b8f9c;
--m-context-accent-color-hover:#0b8f9c;
--m-context-accent-hover:#0b8f9c;
--m-context-accent-color-active:#0b8f9c;
--m-context-accent-active:#0b8f9c;
--m-context-accent-soft:rgba(11, 143, 156, 0.11);
--m-context-accent-soft-strong:rgba(11, 143, 156, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(11, 143, 156, 0.11);
--m-context-state-hover-accent:#0b8f9c;
--m-context-state-hover-border:#0b8f9c;
--m-context-state-active-bg:rgba(11, 143, 156, 0.18);
--m-context-state-active-accent:#0b8f9c;
--m-context-state-active-border:#0b8f9c;
--m-context-state-selected-bg:rgba(11, 143, 156, 0.18);
--m-context-state-selected-accent:#0b8f9c;
--m-context-state-selected-border:#0b8f9c;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#0b8f9c;
--m-context-icon-muted:#0b8f9c;
--m-context-icon-strong:#0b8f9c;
--m-context-icon-hover:#0b8f9c;
--m-context-icon-active:#0b8f9c;
--m-context-icon-action-bg:rgba(11, 143, 156, 0.11);
--m-context-icon-action-bg-hover:rgba(11, 143, 156, 0.18);
--m-context-icon-action-bg-active:rgba(11, 143, 156, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-color="c9"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#0b8f9c;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#0b8f9c;
--m-context-accent:#0b8f9c;
--m-context-accent-color-hover:#0b8f9c;
--m-context-accent-hover:#0b8f9c;
--m-context-accent-color-active:#0b8f9c;
--m-context-accent-active:#0b8f9c;
--m-context-accent-soft:rgba(11, 143, 156, 0.11);
--m-context-accent-soft-strong:rgba(11, 143, 156, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(11, 143, 156, 0.11);
--m-context-state-hover-accent:#0b8f9c;
--m-context-state-hover-border:#0b8f9c;
--m-context-state-active-bg:rgba(11, 143, 156, 0.18);
--m-context-state-active-accent:#0b8f9c;
--m-context-state-active-border:#0b8f9c;
--m-context-state-selected-bg:rgba(11, 143, 156, 0.18);
--m-context-state-selected-accent:#0b8f9c;
--m-context-state-selected-border:#0b8f9c;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#0b8f9c;
--m-context-icon-muted:#0b8f9c;
--m-context-icon-strong:#0b8f9c;
--m-context-icon-hover:#0b8f9c;
--m-context-icon-active:#0b8f9c;
--m-context-icon-action-bg:rgba(11, 143, 156, 0.11);
--m-context-icon-action-bg-hover:rgba(11, 143, 156, 0.18);
--m-context-icon-action-bg-active:rgba(11, 143, 156, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-slot="c10"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#d6a62d;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#d6a62d;
--m-context-accent:#d6a62d;
--m-context-accent-color-hover:#d6a62d;
--m-context-accent-hover:#d6a62d;
--m-context-accent-color-active:#d6a62d;
--m-context-accent-active:#d6a62d;
--m-context-accent-soft:rgba(214, 166, 45, 0.11);
--m-context-accent-soft-strong:rgba(214, 166, 45, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(214, 166, 45, 0.11);
--m-context-state-hover-accent:#d6a62d;
--m-context-state-hover-border:#d6a62d;
--m-context-state-active-bg:rgba(214, 166, 45, 0.18);
--m-context-state-active-accent:#d6a62d;
--m-context-state-active-border:#d6a62d;
--m-context-state-selected-bg:rgba(214, 166, 45, 0.18);
--m-context-state-selected-accent:#d6a62d;
--m-context-state-selected-border:#d6a62d;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#d6a62d;
--m-context-icon-muted:#d6a62d;
--m-context-icon-strong:#d6a62d;
--m-context-icon-hover:#d6a62d;
--m-context-icon-active:#d6a62d;
--m-context-icon-action-bg:rgba(214, 166, 45, 0.11);
--m-context-icon-action-bg-hover:rgba(214, 166, 45, 0.18);
--m-context-icon-action-bg-active:rgba(214, 166, 45, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-theme-slot="c10"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#d6a62d;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#d6a62d;
--m-context-accent:#d6a62d;
--m-context-accent-color-hover:#d6a62d;
--m-context-accent-hover:#d6a62d;
--m-context-accent-color-active:#d6a62d;
--m-context-accent-active:#d6a62d;
--m-context-accent-soft:rgba(214, 166, 45, 0.11);
--m-context-accent-soft-strong:rgba(214, 166, 45, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(214, 166, 45, 0.11);
--m-context-state-hover-accent:#d6a62d;
--m-context-state-hover-border:#d6a62d;
--m-context-state-active-bg:rgba(214, 166, 45, 0.18);
--m-context-state-active-accent:#d6a62d;
--m-context-state-active-border:#d6a62d;
--m-context-state-selected-bg:rgba(214, 166, 45, 0.18);
--m-context-state-selected-accent:#d6a62d;
--m-context-state-selected-border:#d6a62d;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#d6a62d;
--m-context-icon-muted:#d6a62d;
--m-context-icon-strong:#d6a62d;
--m-context-icon-hover:#d6a62d;
--m-context-icon-active:#d6a62d;
--m-context-icon-action-bg:rgba(214, 166, 45, 0.11);
--m-context-icon-action-bg-hover:rgba(214, 166, 45, 0.18);
--m-context-icon-action-bg-active:rgba(214, 166, 45, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-accent="c10"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#d6a62d;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#d6a62d;
--m-context-accent:#d6a62d;
--m-context-accent-color-hover:#d6a62d;
--m-context-accent-hover:#d6a62d;
--m-context-accent-color-active:#d6a62d;
--m-context-accent-active:#d6a62d;
--m-context-accent-soft:rgba(214, 166, 45, 0.11);
--m-context-accent-soft-strong:rgba(214, 166, 45, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(214, 166, 45, 0.11);
--m-context-state-hover-accent:#d6a62d;
--m-context-state-hover-border:#d6a62d;
--m-context-state-active-bg:rgba(214, 166, 45, 0.18);
--m-context-state-active-accent:#d6a62d;
--m-context-state-active-border:#d6a62d;
--m-context-state-selected-bg:rgba(214, 166, 45, 0.18);
--m-context-state-selected-accent:#d6a62d;
--m-context-state-selected-border:#d6a62d;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#d6a62d;
--m-context-icon-muted:#d6a62d;
--m-context-icon-strong:#d6a62d;
--m-context-icon-hover:#d6a62d;
--m-context-icon-active:#d6a62d;
--m-context-icon-action-bg:rgba(214, 166, 45, 0.11);
--m-context-icon-action-bg-hover:rgba(214, 166, 45, 0.18);
--m-context-icon-action-bg-active:rgba(214, 166, 45, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
[data-color="c10"]{
--m-context-surface:#d7e8f7;
--m-context-surface-soft:#e5f0fa;
--m-context-surface-muted:#e5f0fa;
--m-context-surface-raised:#f7fbff;
--m-context-surface-elevated:#f7fbff;
--m-context-surface-hover:rgba(21, 87, 192, 0.13);
--m-context-surface-active:rgba(21, 87, 192, 0.22);
--m-context-surface-selected:rgba(21, 87, 192, 0.22);
--m-context-border:#9bbbd6;
--m-context-border-subtle:#e5f0fa;
--m-context-border-soft:#9bbbd6;
--m-context-border-strong:#4f789f;
--m-context-border-active:#1557c0;
--m-context-focus-ring:#d6a62d;
--m-context-text-strong:#0a1830;
--m-context-text:#253a56;
--m-context-text-soft:#617590;
--m-context-text-muted:#617590;
--m-context-muted:#617590;
--m-context-text-faint:#617590;
--m-context-text-inverse:#020617;
--m-context-accent-color:#d6a62d;
--m-context-accent:#d6a62d;
--m-context-accent-color-hover:#d6a62d;
--m-context-accent-hover:#d6a62d;
--m-context-accent-color-active:#d6a62d;
--m-context-accent-active:#d6a62d;
--m-context-accent-soft:rgba(214, 166, 45, 0.11);
--m-context-accent-soft-strong:rgba(214, 166, 45, 0.18);
--m-context-accent-text-inverse:#020617;
--m-context-state-hover-bg:rgba(214, 166, 45, 0.11);
--m-context-state-hover-accent:#d6a62d;
--m-context-state-hover-border:#d6a62d;
--m-context-state-active-bg:rgba(214, 166, 45, 0.18);
--m-context-state-active-accent:#d6a62d;
--m-context-state-active-border:#d6a62d;
--m-context-state-selected-bg:rgba(214, 166, 45, 0.18);
--m-context-state-selected-accent:#d6a62d;
--m-context-state-selected-border:#d6a62d;
--m-context-overlay:rgba(2, 6, 23, 0.44);
--m-context-icon:#d6a62d;
--m-context-icon-muted:#d6a62d;
--m-context-icon-strong:#d6a62d;
--m-context-icon-hover:#d6a62d;
--m-context-icon-active:#d6a62d;
--m-context-icon-action-bg:rgba(214, 166, 45, 0.11);
--m-context-icon-action-bg-hover:rgba(214, 166, 45, 0.18);
--m-context-icon-action-bg-active:rgba(214, 166, 45, 0.18);
--m-context-shadow:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-hover:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-active:0 10px 26px rgba(15, 71, 122, .14);
--m-context-shadow-panel:0 20px 48px rgba(15, 71, 122, .20);
--m-context-shadow-modal:0 20px 48px rgba(15, 71, 122, .20);
}
