/*
 * UP23 Workspace — permanent light theme.
 *
 * Since 1.8.20 the application has one runtime palette: light. This layer is
 * loaded last and owns the final semantic theme tokens for administrators,
 * clients and public/authentication screens. No runtime theme switch exists.
 */
:root {
  color-scheme: light;

  /* Neutral light foundation. */
  --bg: #f4f5f7;
  --bg-elevated: #ffffff;
  --bg-panel: #f7f8fa;
  --bg-panel-soft: #eef1f4;
  --bg-input: rgba(0, 0, 0, .045);
  --bg-input-hover: rgba(0, 0, 0, .065);
  --bg-input-focus: rgba(0, 0, 0, .025);
  --surface: #ffffff;
  --surface-soft: #f6f7f9;
  --surface-muted: #eceff3;
  --text: #15181e;
  --text-soft: #3d4653;
  --muted: #6c7584;
  --muted-2: #8a94a3;
  --border: #dfe3e8;
  --border-strong: #cfd5dc;
  --separator-color: #e3e6ea;
  --border-subtle: var(--separator-color);

  /* Primary interface accent. */
  --accent: #3968F6;
  --accent-strong: #2f59dd;
  --accent-soft: rgba(57, 104, 246, .10);
  --accent-border: rgba(57, 104, 246, .24);
  --accent-glow: rgba(57, 104, 246, .10);
  --purple: #3968F6;

  /* Semantic colors. */
  --success: #2f855a;
  --warning: #b7791f;
  --danger: #c94e45;

  /* Shared surfaces. */
  --sidebar-surface: #ffffff;
  --header-surface: #ffffff;
  --modal-surface: #f2f4f7;
  --modal-section-surface: #ffffff;
  --modal-section-surface-soft: #f7f8fa;
  --list-section-surface: #f0f2f5;
  --list-item-surface: #ffffff;
  --list-item-hover-surface: #f8fafc;
  --list-item-done-surface: #f6f8fa;
  --ui-list-panel-padding: 25px;
  --workspace-list-shell-padding: 0px;
  --workspace-list-shell-surface: transparent;
  --row-surface: var(--list-item-surface);
  --row-hover-surface: var(--list-item-hover-surface);
  --app-menu-owner-bg: var(--row-surface);
  --menu-surface: #ffffff;
  --editor-surface: #ffffff;
  --neutral-control-surface: #eef1f5;
  --neutral-control-hover-surface: #e6eaf0;

  /* Avatars. */
  --client-avatar-bg: #edf1f7;
  --client-avatar-fg: #43516a;
  --client-avatar-border: #d9dfe8;
  --project-avatar-bg: #edf1f7;
  --project-avatar-fg: #43516a;
  --project-avatar-border: #d9dfe8;
  --chat-avatar-bg: #edf1f7;
  --chat-avatar-fg: #43516a;
  --chat-avatar-border: #d9dfe8;

  /* Form controls. */
  --form-control-bg: rgba(0, 0, 0, .045);
  --form-control-hover-bg: rgba(0, 0, 0, .065);
  --form-control-focus-bg: #ffffff;
  --form-control-border: #d8dde4;
  --form-control-hover-border: #c8cfd8;
  --form-control-final-bg: var(--form-control-bg);
  --form-control-final-hover-bg: var(--form-control-hover-bg);
  --form-control-final-focus-bg: var(--form-control-focus-bg);
  --form-control-final-border: var(--form-control-border);
  --form-placeholder: #929baa;
  --select-option-hover-bg: #eef2f7;

  /* Buttons. */
  --ui-btn-primary-bg: #3968F6;
  --ui-btn-primary-hover: #2f59dd;
  --ui-btn-neutral-bg: #eef1f5;
  --ui-btn-neutral-hover: #e4e8ee;
  --ui-btn-neutral-fg: #344054;
  --ui-btn-disabled-bg: #f1f3f6;
  --ui-btn-disabled-fg: #9aa2ae;

  /* Time tracker clock. */
  --timer-clock-face-bg: #ffffff;
  --timer-clock-track: #dfe4eb;
  --timer-clock-track-major: #c7ced8;
  --timer-clock-shadow: 0 14px 34px rgba(21, 31, 48, .08);
  --timer-clock-inset: inset 0 0 0 1px rgba(21, 31, 48, .035);

  /* Charts. */
  --chart-track-bg: #e8ecf1;
  --chart-grid-bg: #dfe4ea;
  --chart-bar-bg: linear-gradient(180deg, #6f91f8, #3968F6);
  --chart-bar-soft-bg: linear-gradient(180deg, #b5c5f8, #849ff0);
  --chart-month-hover-bg: #f3f5f8;
  --chart-month-selected-bg: rgba(57, 104, 246, .10);
  --selection-bg: rgba(57, 104, 246, .13);
  --control-check-bg: #e7eaf0;
  --progress-bg: linear-gradient(90deg, #6f91f8, #3968F6);
  --progress-danger-bg: linear-gradient(90deg, #e17870, #c94e45);
  --entry-play-bg: #edf2ff;
  --entry-play-fg: #3968F6;
  --entry-play-hover-bg: #3968F6;
  --entry-play-hover-fg: #ffffff;

  /* Project chat role colors. */
  --chat-admin-bg: #dce7ff;
  --chat-client-bg: #dcf4e5;
  --chat-admin-label-bg: #c5d5ff;
  --chat-admin-label-text: #2449a8;
  --chat-client-label-bg: #c4e8d0;
  --chat-client-label-text: #25643f;
  --chat-system-bg: #f7f8fa;

  /* Compact semantic chips. */
  --chip-neutral-bg: #e8ebf0;
  --chip-neutral-fg: #4f5968;
  --chip-purple-bg: rgba(57, 104, 246, .11);
  --chip-purple-fg: #315bcf;
  --chip-blue-bg: #e8efff;
  --chip-blue-fg: #315bcf;
  --task-group-count-bg: #e8efff;
  --task-group-count-fg: #315bcf;
  --chip-green-bg: #e6f3eb;
  --chip-green-fg: #2f7750;
  --chip-amber-bg: #fff2d8;
  --chip-amber-fg: #8a611a;
  --chip-orange-bg: #fbe9d9;
  --chip-orange-fg: #a45f28;
  --chip-red-bg: #fae6e3;
  --chip-red-fg: #a93c35;
  --chip-teal-bg: #e4f1ef;
  --chip-teal-fg: #39756e;

  /* Alerts and destructive actions. */
  --alert-info-bg: rgba(57, 104, 246, .10);
  --alert-info-fg: #315bcf;
  --alert-warning-bg: #fff1d4;
  --alert-warning-fg: #8a611a;
  --alert-danger-bg: #fae6e3;
  --alert-danger-fg: #a93c35;
  --alert-success-bg: #e6f3eb;
  --alert-success-fg: #2f7750;
  --alert-muted-bg: #eceff3;
  --alert-muted-fg: #5d6674;
  --btn-danger-bg: #f8e9e7;
  --btn-danger-hover-bg: #f3ddda;
  --btn-danger-fg: #b54139;
  --btn-danger-hover-fg: #98352f;
  --btn-danger-disabled-bg: #f1e4e2;
  --btn-danger-disabled-fg: #b78783;

  /* Overlays and scrolling. */
  --shadow: 0 20px 52px rgba(25, 35, 52, .13);
  --shadow-soft: 0 8px 24px rgba(25, 35, 52, .08);
  --app-overlay-background: rgba(30, 41, 59, .34);
  --app-overlay-backdrop: none;
  --context-menu-overlay-bg: rgba(30, 41, 59, .06);
  --context-menu-shadow: 0 18px 45px rgba(25, 35, 52, .18);
  --app-scrollbar-thumb: #c7ced8;
  --app-scrollbar-thumb-hover: #aab3c0;

  background: var(--bg);
  color: var(--text);
}

body {
  scrollbar-color: var(--app-scrollbar-thumb) transparent;
}

.brand-logo {
  filter: none;
}