/* Boost Brothers: light palette. Layout and print rules live in styles.css. */
:root {
  color-scheme: light;
  --bg: #f6f7fb;
  --panel: #ffffff;
  --line: #e3e6ef;
  --muted: #626c83;
  --text: #20263d;
  --blue: #3449e5;
  --purple: #7056c7;
  --green: #16794f;
  --surface-soft: #f5f6fa;
  --accent-soft: #eeedff;
  --accent-border: #dcd7f7;
  --chart-grid: #e4e7f0;
  --chart-previous: #929bb0;
  --chart-current: #4b5de6;
  --chart-area: #6575ed;
  --donut-track: #edf0f7;
}
@media screen {
  body { background: var(--bg); color: var(--text); }
  button:hover { color: #273cc9; }
  button:disabled:hover { color: inherit; }
  button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
  summary:focus-visible, [tabindex]:focus-visible { outline-color: #6652c8; }
  .sidebar { background: #fff; border-color: var(--line); box-shadow: none; }
  .sidebar.open { box-shadow: 12px 0 45px #23314520; }
  .brand { color: #20263d; }
  .brand .logo { color: #3346df; }
  .brand-sub, .workspace>div>span, .profile span:not(.status-dot) { color: var(--muted); }
  .workspace { background: #f8f9fc; border-color: #e1e5ef; }
  .nav-label { color: var(--muted); }
  nav a { color: var(--muted); }
  nav a:hover { background: #f4f5fb; }
  nav a.active { color: #5240b3; background: linear-gradient(100deg, #eeedff, #f4f1ff); border-color: #ddd7fa; }
  .nav-dot { background: #7760cf; }
  .nav-count { color: #646782; background: #eceef6; }
  .agency-card { background: radial-gradient(ellipse at 0 0, #eae5ff, transparent 85%), #f8f7fd; border-color: #e4dff4; }
  .mini-spark { color: #8563cd; }
  .agency-card p { color: var(--muted); }
  .agency-card a { color: #6750b5; }
  .data-nav { color: var(--muted); }
  .profile { border-color: var(--line); }
  .profile-avatar, .top-avatar { color: #6650b3; background: #f0ecfb; border-color: #dfd9f1; }
  .status-dot { background: #25996b; }
  .app-shell { background: radial-gradient(ellipse at 95% -15%, #e9e9ff75, transparent 43%); }
  .topbar { background: #ffffffb8; border-color: var(--line); }
  .breadcrumb { color: var(--muted); }
  .breadcrumb .slash { color: #bac1d0; }
  .breadcrumb strong { color: #39445f; }
  .demo-badge { color: #7253ab; background: #f5f0fc; border-color: #e7dcf5; }
  .demo-badge i { background: #8f70ba; }
  .icon-button { color: #6c7690; }
  .icon-button:hover { color: #4e42a6; background: #efedf9; }
  .eyebrow { color: var(--muted); }
  .tiny-square { background: #8b72d4; }
  h1>span:not(.heading-count) { color: #7860c3; }
  .page-heading p, .panel-heading p { color: var(--muted); }
  .button { color: #414c65; background: #fff; border-color: #dbe0ed; box-shadow: 0 1px 2px #26365a04; }
  .button:hover { color: #303bb5; background: #f8f8ff; border-color: #b9b9e1; }
  .button.primary { color: #fff; background: linear-gradient(180deg, #3f50ed, #2f40d7); border-color: #3445db; box-shadow: 0 3px 9px #3347d91c; }
  .button.primary:hover { color: #fff; background: #3445dc; border-color: #293bce; box-shadow: 0 4px 14px #3347d92b; }
  .period-select, .select-wrap { background: #fff; border-color: #dce1ed; }
  .period-select .icon:first-child, .period-select .icon:last-child, .select-wrap>.icon { color: #7b849b; }
  .period-select select, .select-wrap select { color: var(--muted); }
  .period-select:focus-within, .select-wrap:focus-within { outline-color: #7863c5; }
  select option { color: var(--text); background: #fff; }
  .period-caption { color: var(--muted); }
  .period-caption>span:first-child { color: #505b74; }
  .period-divider { color: #a6aec0; }
  .stat-card { background: linear-gradient(125deg, #f0f3ff, #fff 90%); border-color: #dfe4f4; box-shadow: 0 2px 5px #24356103; }
  .stat-card.purple { background: linear-gradient(125deg, #f5f0fd, #fff 90%); border-color: #e6def1; }
  .stat-card.green { background: linear-gradient(125deg, #edf7f2, #fff 90%); border-color: #dcebe4; }
  .stat-card.orange { background: linear-gradient(125deg, #fbf4ec, #fff 90%); border-color: #eee3d5; }
  .stat-top { color: var(--muted); }
  .stat-icon { color: #5c70c4; background: #e8edfd; border-color: #d5def6; }
  .purple .stat-icon { color: #8c66b2; background: #f0e6f8; border-color: #e4d4ef; }
  .green .stat-icon { color: #3d8c76; background: #e2f1ea; border-color: #cfe7dc; }
  .orange .stat-icon { color: #aa804f; background: #f7edde; border-color: #ebdec6; }
  .change { color: #197650; }
  .change.negative { color: #b65060; }
  .vs, .comparison-neutral { color: var(--muted); }
  .posted-label { color: #7656af; }
  .panel { background: #fff; border-color: var(--line); box-shadow: 0 2px 5px #24356103; }
  .segmented { background: #f5f6fa; border-color: #e2e5ef; }
  .segmented button { color: var(--muted); }
  .segmented button:hover { color: #4d41a5; }
  .segmented button.active { color: #5246a3; background: #fff; border-color: #dedcf0; box-shadow: 0 1px 3px #3845630d; }
  .chart-legend { color: var(--muted); }
  .legend-dot.blue { background: #5365e8; }
  .legend-line { border-color: var(--chart-previous); }
  .line-chart text { fill: #737e96; }
  .chart-point:hover, .chart-point:focus { fill: #5969e3; stroke: #d6dcff; }
  .chart-tooltip { color: #303a56; background: #fffffffa; border-color: #d5dced; box-shadow: 0 5px 18px #26376b1c; }
  .chart-tooltip span { color: var(--muted); }
  .chart-tooltip b { color: #34425f; }
  .panel-icon { color: #8c68bb; background: #f4edfb; border-color: #e8ddf3; }
  .donut-center span { color: var(--muted); }
  .engagement-rows>div>span { color: var(--muted); }
  .engagement-rows .icon { color: #8791a7; }
  .engagement-rows small { color: var(--muted); }
  .insight-strip { background: linear-gradient(100deg, #efedfc, #f7f5fd 75%); border-color: #e2dcf4; }
  .insight-icon { color: #8161b7; background: #e7e0f8; border-color: #d9ccee; }
  .insight-strip strong { color: #57466f; }
  .insight-strip span { color: var(--muted); }
  .insight-strip b { color: #a69bb8; }
  .text-button { color: #7055b2; }
  .text-button:hover { color: #4f3291; }
  .subtle-tag { color: var(--muted); background: #f3f4f8; border-color: #e0e4ee; }
  th { color: var(--muted); background: #f9fafc; border-color: #e7eaf2; }
  td { color: var(--muted); border-color: #eceef5; }
  tbody tr:hover { background: #f8f9fd; }
  .table-views, .table-reel strong { color: #34405b; }
  .table-reel small { color: var(--muted); }
  .table-reel small b { color: #b0b8c9; }
  .rate-pill { color: #21774d; background: #edf7f0; }
  footer { color: var(--muted); }
  footer strong { color: #5f6b83; }
  .heading-count { color: #7559b6; background: #f0eaf9; border-color: #e2d8f0; }
  .reels-toolbar { border-color: var(--line); }
  .search-box { background: #fff; border-color: #dce2ed; }
  .search-box>.icon { color: #8792a8; }
  .search-box input { color: #39455e; }
  .search-box input::placeholder { color: #77839b; }
  .search-box:focus-within { border-color: #a08bc9; }
  .results-caption { color: var(--muted); }
  .results-caption>span:last-child { color: var(--muted); }
  .reel-thumbnail.large .play-icon { color: #fff; }
  .reel-card { color: var(--text); background: #fff; border-color: #e0e5ee; box-shadow: 0 2px 5px #24356103; }
  .reel-card:hover { color: var(--text); border-color: #b5a5d4; box-shadow: 0 5px 18px #4d3b7d0a; }
  .reel-card-meta { color: var(--muted); }
  .best-label { color: #7c60b4; }
  .reel-main-metric>span:first-child { color: var(--muted); }
  .reel-main-metric .icon { color: #818da5; }
  .reel-main-metric strong { color: #35415d; }
  .reel-mini-metrics { color: var(--muted); border-color: #e8ebf2; }
  .reel-mini-metrics .icon { color: #8792a7; }
  .empty-state { color: #4e5b77; }
  .empty-state>span, .empty-state p { color: var(--muted); }
  .empty-state>.icon { color: #9478bb; }
  .pagination { color: var(--muted); }
  dialog { color: var(--text); background: radial-gradient(ellipse at 100% 0, #f2eefa88, transparent 65%), #fff; border-color: #e2dcef; box-shadow: 0 24px 90px #26314526; }
  dialog::backdrop { background: #27334b55; }
  .modal-copy, .help-content p { color: var(--muted); }
  .source-status { background: #f5f6fc; border-color: #e0e4f0; }
  .source-icon { color: #8b6bb8; }
  .source-status p { color: var(--muted); }
  .field-label { color: var(--muted); }
  .field-label input { color: #34415e; background: #fff; border-color: #d8dfec; }
  .import-zone { background: #faf8ff; border-color: #d1c4e7; }
  .import-zone>.icon { color: #997bc1; }
  .import-zone>p { color: var(--muted); }
  .csv-help { color: var(--muted); }
  .csv-help summary { color: #8060b1; }
  .csv-help code { color: #56647f; background: #f5f6fa; }
  #date-error, #import-error { color: #b13950; }
  .export-option { color: var(--text); background: #f9f9fd; border-color: #e0e3ee; }
  .export-option:hover { color: #4e3c9a; background: #f3effb; border-color: #cbbce1; }
  .export-option>.icon:first-child { color: #8b6abc; }
  .export-option small { color: var(--muted); }
  .help-content strong { color: #3a4661; }
  .help-content .demo-note { color: #806296; background: #f7f1fb; border-color: #e7daef; }
  .detail-eyebrow { color: #8d6cb5; }
  .detail-content>p, .detail-views>span { color: var(--muted); }
  .detail-period { color: var(--muted); border-color: #e3e7f1; }
  .detail-metrics>div { background: #f8f9fd; border-color: #e1e6f0; }
  .detail-metrics .icon { color: #9477b8; }
  .detail-metrics span { color: var(--muted); }
  .detail-rate { color: var(--muted); border-color: #e2e6ef; }
  .detail-rate strong { color: #267a51; }
  .demo-note { color: #856c9f; }
  .detail-content>.demo-note { color: #816497; background: #f8f2fb; border-color: #e8ddf0; }
  #toast { color: #60458b; background: #fff; border-color: #d9cbe9; box-shadow: 0 6px 24px #4233641a; }
}