:root { color-scheme: light; }

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.theme-toggle {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: #315682;
}

.theme-toggle:hover { background: #edf3fa; }
.theme-toggle svg {
  inline-size: 18px;
  block-size: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.theme-toggle .theme-sun, .theme-toggle[aria-pressed="true"] .theme-moon { display: none; }
.theme-toggle[aria-pressed="true"] .theme-sun { display: block; }

@media (max-width: 680px) {
  .auth-page .topbar { gap: 10px; }
  .auth-page .brand-pair { gap: 8px; }
  .auth-page .partner-logo { width: clamp(86px, 26vw, 132px); }
  .auth-page .domain-logo { width: clamp(92px, 28vw, 144px); }
}

@media (max-width: 420px) {
  .workspace-page .app-header .header-actions { gap: 6px; min-width: 0; flex-shrink: 1; }
  .workspace-page .scope-select,
  .workspace-page .scope-select select { min-width: 0; }
  .workspace-page .scope-select select { width: 100%; }
  .workspace-page .mobile-admin-navigation { padding-inline: 8px; }
  .workspace-page .account-button { padding-inline: 3px; }
  .workspace-page .theme-toggle { inline-size: 36px; block-size: 36px; }
}

@media (max-width: 380px) {
  .workspace-page .app-header:has(.scope-select:not([hidden])) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(3, auto);
    gap: 7px;
  }
  .workspace-page .app-header:has(.scope-select:not([hidden])) .header-actions { display: contents; }
  .workspace-page .app-header .scope-select {
    grid-column: 1 / -1;
    grid-row: 2;
    gap: 8px;
  }
  .workspace-page .scope-select label { display: inline; white-space: nowrap; }
  .workspace-page .scope-select select { width: auto; min-width: 132px; max-width: 72%; }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --night-base: #101927;
  --night-panel: #172437;
  --night-raised: #1c2d43;
  --night-input: #132033;
  --night-highlight: #233a56;
  --night-outline: #5c7390;
  --night-primary: #244f85;
  --night-primary-hover: #2b5b95;
  --night-danger-bg: #38232e;
  --night-danger-line: #77525e;
  --night-success-bg: #19352f;
  --night-success-line: #456858;
  --blue: #accfff;
  --blue-hover: #c2dbff;
  --blue-dark: #c2dbff;
  --gold: #e4bf82;
  --ink: #e5edf8;
  --muted: #afbed0;
  --line: #30445b;
  --surface: var(--night-panel);
  --pale: var(--night-raised);
  --error: #ffb3bd;
  --green: #a5dfbf;
  background: var(--night-base);
}

[data-theme="dark"] :is(button, a, input, select, textarea, summary):focus-visible {
  outline-color: #9bc5ff;
}
[data-theme="dark"] .theme-toggle {
  background: var(--night-raised);
  color: var(--gold);
}
[data-theme="dark"] .theme-toggle:hover { background: var(--night-highlight); }
[data-theme="dark"] .skip-link { background: var(--night-raised); color: var(--blue); }
[data-theme="dark"] :is(.noscript, .noscript-notice, .form-error) {
  background: var(--night-danger-bg);
  border-color: var(--night-danger-line);
  color: var(--error);
}
[data-theme="dark"] :is(.field input, .field textarea)::placeholder { color: #a2b3c8; }
[data-theme="dark"] .field input:not([type=checkbox]):not([type=file]),
[data-theme="dark"] :is(.input-wrap input, .field select, .field textarea, .toolbar input, .toolbar select, .scope-select select, .secret-box input) {
  background: var(--night-input);
  border-color: var(--night-outline);
  color: var(--ink);
}
[data-theme="dark"] .field input:not([type=checkbox]):not([type=file]):focus,
[data-theme="dark"] :is(.input-wrap input, .field select, .field textarea):focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px #accfff21;
}
[data-theme="dark"] .input-wrap input[aria-invalid="true"] { border-color: var(--error); }
[data-theme="dark"] .field input[readonly]:not([type=checkbox]):not([type=file]),
[data-theme="dark"] .field select:disabled { background: var(--night-raised); }
[data-theme="dark"] .field select:disabled { color: var(--muted); }
[data-theme="dark"] .field .required { color: var(--gold); }
[data-theme="dark"] :is(.button.primary, .submit-button, .dialog-done) {
  background: linear-gradient(145deg, #2c5b92, var(--night-primary));
  border-color: #4e75a5;
  color: #fff;
  box-shadow: 0 1px 0 #ffffff12 inset;
}
[data-theme="dark"] :is(.button.primary, .submit-button, .dialog-done):hover { background: var(--night-primary-hover); }

/* Sign-in, invitation registration, and password recovery share one shell. */
[data-theme="dark"] .auth-page .brand-cross { color: #9bb3d0; }
[data-theme="dark"] .login-shell {
  background: var(--night-panel);
  border-color: var(--line);
  box-shadow: 0 16px 52px #080e1b70;
}
[data-theme="dark"] .story-panel {
  background: radial-gradient(ellipse at 82% 8%, #33476580 0, transparent 60%), linear-gradient(145deg, #182a43, #132137);
}
[data-theme="dark"] .story-panel::before,
[data-theme="dark"] .story-panel::after { border-color: #435a773d; }
[data-theme="dark"] .art-grid {
  background-image: linear-gradient(#9eb7d522 1px, transparent 1px), linear-gradient(90deg, #9eb7d522 1px, transparent 1px);
}
[data-theme="dark"] .journey-svg [fill="#fff"] { fill: #223d5d; }
[data-theme="dark"] .paper-plane [stroke="#173f71"] { stroke: var(--blue); }
[data-theme="dark"] :is(
  .private-label, .eyebrow, .story-description, .art-label, .path-caption,
  .feature p, .daily-note p, .form-kicker, .form-heading p, .checkbox-label,
  .join-divider, .access-note, .page-footer, .page-footer button, .dialog-intro, .help-item p
) {
  color: var(--muted);
}
[data-theme="dark"] :is(.input-icon, .password-toggle, .footer-separator) { color: #a2b8d1; }
[data-theme="dark"] :is(.feature-icon, .dialog-icon, .dialog-close, .password-toggle:hover) {
  background: var(--night-highlight);
  border-color: var(--line);
  color: var(--blue);
}
[data-theme="dark"] .daily-note { border-color: var(--line); }
[data-theme="dark"] :is(.note-mark, .heading-dot) { color: var(--gold); }
[data-theme="dark"] .eyebrow-line,
[data-theme="dark"] .quote-dot.active::after { background: var(--gold); }
[data-theme="dark"] .join-divider::before,
[data-theme="dark"] .join-divider::after { background: var(--line); }
[data-theme="dark"] .invite-button {
  background: var(--night-raised);
  border-color: var(--night-outline);
  color: var(--blue);
}
[data-theme="dark"] .invite-button:hover { background: var(--night-highlight); }
[data-theme="dark"] .form-notice { background: var(--night-danger-bg); border-color: var(--night-danger-line); color: var(--error); }
[data-theme="dark"] .form-notice.notice-success { background: var(--night-success-bg); border-color: var(--night-success-line); color: var(--green); }
[data-theme="dark"] .auth-page dialog {
  background: var(--night-panel);
  border-color: var(--line);
  box-shadow: 0 22px 90px #050913b0;
}
[data-theme="dark"] dialog::backdrop { background: #050a13af; }

/* The workspace keeps its blue-and-gold contrast on all functional surfaces. */
[data-theme="dark"] .app-body {
  background: radial-gradient(ellipse at 92% 0%, #b18b4e13 0, transparent 38%), linear-gradient(140deg, #152237, var(--night-base) 68%);
}
[data-theme="dark"] .sidebar {
  background: linear-gradient(160deg, #19283d, #111b2b 75%);
  border-color: var(--line);
  box-shadow: 0 4px 26px #060c1790;
}
[data-theme="dark"] .app-header { background: #142136ed; border-color: var(--line); }
[data-theme="dark"] .header-clock-strip { background: #142136ed; }
[data-theme="dark"] .student-preview-banner { background: #1d3350; border-color: var(--line); color: var(--ink); }
[data-theme="dark"] .student-preview-badge { background: #304d71; color: var(--blue); }
[data-theme="dark"] :is(
  .nav-button, .sidebar-bottom > p, .partner-caption, .admin-nav-label,
  .header-breadcrumb, .workspace-footer, .footer-partners > span,
  .metric-top, .metric-top .icon, .metric-caption, .card-title-note,
  .client-card-row p, .data-table th, .tab-button, .checkbox-field,
  .detail-summary dt, .detail-section > p, .timeline .timeline-meta, .attachment-list .icon,
  .helper-text, .template-card p, .report-note, .account-details, .permission-notice, .date-label, .scroll-hint,
  .campaign-card-budget, .campaign-summary-secondary, .campaign-summary-secondary p,
  .execution-amount > span, .execution-counts, .learning-schedule, .learning-reason,
  .clock-date, .clock-difference, .calendar-weekdays > span
) {
  color: var(--muted);
}
[data-theme="dark"] :is(.nav-button:hover, .button:hover, .quick-action:hover, .development-card:hover, .data-table tr:hover td) {
  background: var(--night-highlight);
}
[data-theme="dark"] :is(.nav-button.active, .mobile-admin-navigation[aria-current="page"]) {
  background: var(--night-highlight);
  color: var(--blue);
  box-shadow: 0 1px 0 #ffffff10 inset;
}
[data-theme="dark"] .tab-button.active { color: var(--blue); }
[data-theme="dark"] :is(.avatar, .task-number, .client-initial, .development-icon, .empty-state .empty-icon, .icon-button, .calendar-count) {
  background: var(--night-highlight);
  color: var(--blue);
  border-color: var(--line);
}
[data-theme="dark"] :is(
  .card, .metric-card, .campaign-card, .world-clocks, .quick-action, .development-card,
  .button, .table-wrap, .creative-card, .execution-card,
  .app-dialog, .dialog-header, .dialog-footer, .admin-navigation
) {
  background: var(--night-panel);
  border-color: var(--line);
}
[data-theme="dark"] :is(.card, .metric-card, .campaign-card, .world-clocks, .quick-action, .development-card) {
  box-shadow: 0 8px 24px #050a144a, 0 1px 0 #ffffff0c inset;
}
[data-theme="dark"] :is(.metric-card, .quick-action, .development-card) { background: linear-gradient(145deg, #1b2a40, var(--night-panel)); }
[data-theme="dark"] :is(.quick-action, .development-card, .campaign-card):hover { border-color: var(--night-outline); }
[data-theme="dark"] .button { border-color: var(--night-outline); }
[data-theme="dark"] .button.ghost { background: transparent; border-color: transparent; }
[data-theme="dark"] .button.ghost:hover { background: var(--night-highlight); }
[data-theme="dark"] .button.danger { border-color: var(--night-danger-line); }
[data-theme="dark"] .button.danger:hover { background: var(--night-danger-bg); }
[data-theme="dark"] .metric-value { text-shadow: none; }
[data-theme="dark"] .page-kicker { color: var(--gold); }
[data-theme="dark"] :is(.card-heading h2, .calendar-toolbar h2, .world-clocks > summary, .learning-overview h2) { color: var(--ink); }
[data-theme="dark"] :is(
  .task-row, .client-card-row, .data-table td, .data-table th, .detail-section, .timeline li,
  .campaign-cost, .campaign-card-budget, .execution-details,
  .clock-manage-row, .calendar-agenda-row, .calendar-cell, .calendar-weekdays
) {
  border-color: var(--line);
}
[data-theme="dark"] :is(
  .data-table th, .secret-box, .private-media, .private-media img, .private-media video,
  .media-download, .spend-group-card, .weekday-option, .calendar-weekdays
) {
  background: var(--night-raised);
  border-color: var(--line);
}
[data-theme="dark"] :is(.notice-banner, .campaign-detail-summary, .creative-text-preview, .learning-card, .clock-card) {
  background: linear-gradient(140deg, var(--night-raised), var(--night-panel));
  border-color: var(--line);
  color: var(--muted);
}
[data-theme="dark"] .learning-card {
  background: radial-gradient(ellipse at 100% 0%, #bb955424 0, transparent 49%), linear-gradient(135deg, #1f334e, #17263b);
  box-shadow: 0 8px 24px #050a144a, 0 1px 0 #ffffff0c inset;
}
[data-theme="dark"] .learning-emblem {
  background: var(--night-highlight);
  border-color: var(--night-outline);
  color: var(--blue);
  box-shadow: none;
}
[data-theme="dark"] :is(.advanced-fields > summary, .execution-details > summary, .weekday-option, .clock-city, .clock-time, .calendar-date) {
  color: var(--blue);
}
[data-theme="dark"] .weekday-option:has(input:checked) {
  background: var(--night-highlight);
  border-color: var(--night-outline);
}
[data-theme="dark"] .clock-card {
  background: radial-gradient(ellipse at 94% -16%, #6387b12e, transparent 68%), linear-gradient(145deg, #1d3047, #17253a);
  box-shadow: inset 0 1px 0 #cadfff21, inset 0 0 14px #a9ccff08, 0 3px 8px #080f1c3d;
}
[data-theme="dark"] .clock-card.base {
  background: radial-gradient(ellipse at 95% -16%, #7ea4d138, transparent 70%), linear-gradient(145deg, #253d58, #1c3049);
  border-color: var(--night-outline);
}
[data-theme="dark"] .clock-flag { border-color: #8ba5c28c; background: #dce6f2; }
[data-theme="dark"] .clock-flag-image { opacity: .84; }
[data-theme="dark"] .clock-flag > .icon { color: #476589; }
[data-theme="dark"] .clock-limit { color: #efbd79; }
[data-theme="dark"] .daily-inspiration {
  border-color: var(--line);
  background: linear-gradient(128deg, #1c3047, #18273b);
  box-shadow: inset 0 1px 0 #ffffff13;
}
[data-theme="dark"] .inspiration-heading { color: var(--blue); }
[data-theme="dark"] .inspiration-heading .icon { color: var(--gold); }
[data-theme="dark"] .page-heading .inspiration-text { color: var(--ink); }
[data-theme="dark"] .app-dialog { box-shadow: 0 24px 96px #050913c0; }
[data-theme="dark"] .toast {
  background: var(--night-success-bg);
  border-color: var(--night-success-line);
  color: var(--green);
  box-shadow: 0 8px 32px #070c16aa;
}
[data-theme="dark"] .toast.error { background: var(--night-danger-bg); border-color: var(--night-danger-line); color: var(--error); }
[data-theme="dark"] .pill,
[data-theme="dark"] .campaign-card-top .pill:first-child { background: #263c58; color: #c4dcfb; }
[data-theme="dark"] .pill.green { background: var(--night-success-bg); color: var(--green); }
[data-theme="dark"] .pill.amber { background: #3c3120; color: #f0d49c; }
[data-theme="dark"] .pill.red { background: var(--night-danger-bg); color: var(--error); }
[data-theme="dark"] .pill.gray { background: #293747; color: #c4d0df; }
[data-theme="dark"] :is(.bar-track, .report-meter) { background: var(--night-highlight); }
[data-theme="dark"] .report-meter::-webkit-meter-bar { background: var(--night-highlight); }
[data-theme="dark"] :is(.calendar-cell, .calendar-cell.outside) { background: var(--night-panel); }
[data-theme="dark"] .calendar-cell.outside .calendar-date { color: #8ea0b6; }
[data-theme="dark"] .calendar-cell.selected { background: var(--night-highlight); box-shadow: 0 0 0 1px var(--night-outline) inset; }
[data-theme="dark"] .calendar-cell.selected .calendar-date { color: var(--blue); }
[data-theme="dark"] .calendar-cell.today .calendar-date > span:first-child { background: var(--night-primary); color: #fff; }
[data-theme="dark"] :is(.calendar-item.task, .calendar-type.task) { background: #263c58; color: #c4dcfb; border-color: #83a8d5; }
[data-theme="dark"] :is(.calendar-item.followup, .calendar-type.followup) { background: #3c3120; color: #f0d49c; border-color: #cba262; }
[data-theme="dark"] :is(.calendar-item.campaign, .calendar-type.campaign) { background: var(--night-success-bg); color: var(--green); border-color: #77ad9e; }
[data-theme="dark"] :is(.calendar-item.event, .calendar-type.event) { background: var(--night-danger-bg); color: var(--error); border-color: #c891a5; }
[data-theme="dark"] .sidebar { scrollbar-color: #6682a3 transparent; }

/* Team pages use a plum shell. The read-only learner view keeps the learner palette. */
:root[data-workspace="team"] {
  --team-canvas: #e4d9eb;
  --team-header: #e6daee;
  --team-panel: #f2eaf6;
  --team-raised: #e9deef;
  --team-input: #f7f0fa;
  --team-highlight: #e0d1e9;
  --team-outline: #a58bb0;
  --team-primary: #673c80;
  --team-primary-hover: #542b6d;
  --team-sidebar: #2d1b39;
  --team-sidebar-raised: #41294d;
  --team-sidebar-active: #634473;
  --team-sidebar-text: #e4d3eb;
  --team-sidebar-line: #70587a;
  --team-sidebar-accent: #eac18f;
  --team-shadow: #3e254817;
  --team-glow: #ac7cba25;
  --ink: #342440;
  --muted: #63516e;
  --blue: #63377c;
  --blue-dark: #512762;
  --gold: #815324;
  --line: #cdbad6;
  --surface: var(--team-panel);
  --pale: var(--team-raised);
  background: var(--team-canvas);
}

:root[data-workspace="team"][data-theme="dark"] {
  --team-canvas: #1a1321;
  --team-header: #24192e;
  --team-panel: #2d2238;
  --team-raised: #392a45;
  --team-input: #23192d;
  --team-highlight: #463452;
  --team-outline: #846c94;
  --team-primary: #74518d;
  --team-primary-hover: #684581;
  --team-sidebar: #1b1223;
  --team-sidebar-raised: #2c1c37;
  --team-sidebar-active: #533960;
  --team-sidebar-text: #ddc9e8;
  --team-sidebar-line: #503b5d;
  --team-shadow: #100a1866;
  --team-glow: #a76ac120;
  --night-base: var(--team-canvas);
  --night-panel: var(--team-panel);
  --night-raised: var(--team-raised);
  --night-input: var(--team-input);
  --night-highlight: var(--team-highlight);
  --night-outline: var(--team-outline);
  --night-primary: var(--team-primary);
  --night-primary-hover: var(--team-primary-hover);
  --ink: #f0e6f5;
  --muted: #c7b6d0;
  --blue: #e5bdf4;
  --blue-dark: #efcff9;
  --gold: #edc697;
  --line: #51405e;
}

:root[data-workspace="team"] .app-body {
  background:
    radial-gradient(ellipse at 92% 0%, var(--team-glow), transparent 46%),
    linear-gradient(145deg, var(--team-raised), var(--team-canvas) 64%);
}

:root[data-workspace="team"] .sidebar {
  background: linear-gradient(160deg, var(--team-sidebar-raised), var(--team-sidebar) 68%);
  border-color: var(--team-sidebar-line);
  box-shadow: 0 4px 26px var(--team-shadow);
  scrollbar-color: var(--team-sidebar-line) transparent;
}

:root[data-workspace="team"] .sidebar :is(.workspace-label, .nav-button, .sidebar-bottom > p, .partner-caption, .admin-nav-label) {
  color: var(--team-sidebar-text);
}

:root[data-workspace="team"] .sidebar .admin-navigation {
  background: transparent;
  border-color: var(--team-sidebar-line);
}

:root[data-workspace="team"] .sidebar .nav-button:is(:hover, .active) {
  background: var(--team-sidebar-active);
  color: #fff;
}

:root[data-workspace="team"] .sidebar .nav-dot { background: var(--team-sidebar-accent); }
:root[data-workspace="team"] .sidebar :focus-visible { outline-color: var(--team-sidebar-accent); }

:root[data-workspace="team"] :is(.app-header, .header-clock-strip) {
  background: var(--team-header);
  border-color: var(--line);
}

:root[data-workspace="team"] :is(.card, .metric-card, .table-wrap, .app-dialog, .button, .theme-toggle, .skip-link) {
  background: var(--team-panel);
  border-color: var(--line);
}

:root[data-workspace="team"] :is(.card, .metric-card) {
  box-shadow: 0 8px 24px var(--team-shadow);
}

:root[data-workspace="team"] :is(.metric-card, .clock-card) {
  background: linear-gradient(145deg, var(--team-panel), var(--team-raised));
}

:root[data-workspace="team"] .clock-card {
  border-color: var(--line);
  box-shadow: 0 2px 6px var(--team-shadow);
}

:root[data-workspace="team"] .clock-card.base {
  background: linear-gradient(145deg, var(--team-panel), var(--team-highlight));
  border-color: var(--team-outline);
}

:root[data-workspace="team"] :is(.dialog-header, .dialog-footer, .data-table th, .calendar-weekdays, .notice-banner, .secret-box) {
  background: var(--team-raised);
  border-color: var(--line);
}

:root[data-workspace="team"] .app-dialog {
  color: var(--ink);
  box-shadow: 0 24px 80px #170d2470;
}

:root[data-workspace="team"] .app-dialog::backdrop { background: #1d102b80; }

:root[data-workspace="team"] :is(.card-heading h2, .calendar-toolbar h2) { color: var(--ink); }
:root[data-workspace="team"] :is(.page-kicker, .theme-toggle) { color: var(--gold); }

:root[data-workspace="team"] :is(
  .header-breadcrumb, .workspace-footer, .footer-partners > span, .metric-top, .metric-top .icon,
  .metric-caption, .card-title-note, .client-card-row p, .data-table th, .tab-button:not(.active),
  .detail-summary dt, .detail-section > p, .timeline-meta, .account-details, .permission-notice,
  .notice-banner, .clock-city, .calendar-weekdays > span, .calendar-cell.outside .calendar-date
) { color: var(--muted); }

:root[data-workspace="team"] :is(.avatar, .task-number, .client-initial, .empty-icon, .icon-button, .calendar-count) {
  background: var(--team-highlight);
  border-color: var(--line);
  color: var(--blue);
}

:root[data-workspace="team"] :is(.metric-value, .clock-time, .calendar-date) { color: var(--blue); text-shadow: none; }
:root[data-workspace="team"] :is(.task-row, .client-card-row, .data-table td, .calendar-cell, .calendar-agenda-row, .timeline li, .clock-manage-row) {
  border-color: var(--line);
}

:root[data-workspace="team"] :is(.button:hover, .theme-toggle:hover, .icon-button:hover, .data-table tr:hover td) {
  background: var(--team-highlight);
}

:root[data-workspace="team"] .button.ghost:not(:hover) { background: transparent; border-color: transparent; }

:root[data-workspace="team"] :is(.button.primary, .calendar-cell.today .calendar-date > span:first-child) {
  background: var(--team-primary);
  border-color: var(--team-primary);
  color: #fff;
}

:root[data-workspace="team"] .button.primary:hover { background: var(--team-primary-hover); }
:root[data-workspace="team"] .button.danger { border-color: currentColor; }
:root[data-workspace="team"] .button.danger:hover { background: var(--night-danger-bg, #f4dce6); }

:root[data-workspace="team"] .field input:not([type=checkbox]):not([type=file]),
:root[data-workspace="team"] :is(.field select, .field textarea, .toolbar input, .toolbar select, .scope-select select, .secret-box input) {
  background: var(--team-input);
  border-color: var(--team-outline);
}

:root[data-workspace="team"] :is(.field input[readonly], .field select:disabled) { background: var(--team-raised); }
:root[data-workspace="team"] :is(.field input, .field textarea, .toolbar input)::placeholder { color: var(--muted); }
:root[data-workspace="team"] :is(button, a, input, select, textarea, summary):focus-visible { outline-color: var(--blue); }
:root[data-workspace="team"] .field input:not([type=checkbox]):not([type=file]):focus,
:root[data-workspace="team"] .field :is(select, textarea):focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px var(--team-glow);
}

:root[data-workspace="team"] .pill:not(.green, .amber, .red, .gray),
:root[data-workspace="team"] :is(.calendar-item.task, .calendar-type.task, .mobile-admin-navigation[aria-current="page"]) {
  background: var(--team-highlight);
  border-color: var(--team-outline);
  color: var(--blue);
}

:root[data-workspace="team"] .calendar-cell { background: var(--team-panel); }
:root[data-workspace="team"] .calendar-cell.outside { background: var(--team-raised); }
:root[data-workspace="team"] .calendar-cell.selected {
  background: var(--team-highlight);
  box-shadow: 0 0 0 1px var(--team-outline) inset;
}

:root[data-workspace="team"][data-theme="light"] .toast { background: #e6f1e9; }
:root[data-workspace="team"][data-theme="light"] .toast.error { background: #f4dce6; }