/* theme-light.css — WardCRM "Classic Light" (cool-neutral). Loaded LAST.
   Re-declares Classic tokens under [data-theme="classic-light"]. The dark theme
   (design-system.css :root) is untouched, so rollback = drop this <link>.
   Equal specificity to :root, so this MUST stay the last stylesheet to win.
   See design spec docs/plans/2026-06-04-classic-light-theme-design.md §4.1. */
[data-theme="classic-light"] {
  --color-bg-primary:#EEF0F3; --color-bg-secondary:#FFFFFF; --color-bg-tertiary:#E4E7EC;
  --color-bg-hover:#E4E7EC; --color-bg-active:#D8DCE3; --color-bg-elevated:#FFFFFF;
  --color-bg-surface:#FFFFFF; --color-bg-input:#FFFFFF; --color-bg-drawer-content:var(--color-bg-primary);

  --color-border:#DEE2E8; --color-border-light:rgba(70,85,110,0.13);
  --color-border-subtle:#EBEEF2; --color-border-strong:#CDD3DB;

  --color-text-primary:#1F2733; --color-text-secondary:#3A4452;
  --color-text-muted:#6B7689; --color-text-dim:#9AA4B4;

  --color-accent:#B0883C; --color-accent-hover:#93701F;
  --color-accent-light:rgba(176,136,60,0.12); --color-accent-light-hi:rgba(176,136,60,0.20);
  --color-accent-border:rgba(176,136,60,0.36);
  --gradient-gold-primary:linear-gradient(180deg,#dcc07d,#c19a4d);
  --shadow-gold-inset:inset 0 1px 0 rgba(255,255,255,0.45); --color-on-gold:#2C1C02;

  --color-accent-green:#3C7544; --color-accent-green-light:rgba(90,150,98,0.14);
  --color-accent-purple:#6A4D94; --color-accent-purple-light:rgba(120,90,165,0.12);

  --status-done-bg:rgba(90,150,98,0.16); --status-done-fg:#2D7838; --status-done-border:rgba(90,150,98,0.36); --status-done-dot:#4F9D58;
  --status-progress-bg:rgba(200,150,40,0.16); --status-progress-fg:#8A5A10; --status-progress-border:rgba(178,128,38,0.40); --status-progress-dot:#B5832A;
  --status-pending-bg:rgba(120,135,160,0.12); --status-pending-fg:#5A6B82; --status-pending-border:rgba(120,135,160,0.30); --status-pending-dot:#8493A8;
  --status-blocked-bg:rgba(190,90,68,0.13); --status-blocked-fg:#A5341F; --status-blocked-border:rgba(190,90,68,0.40); --status-blocked-dot:#C75A45;
  --status-na-bg:transparent; --status-na-fg:#6B7689; --status-na-border:rgba(120,135,160,0.24); --status-na-dot:#AEB6C2;

  --owner-pr-color:#8A6A1E; --owner-pr-bg:rgba(176,136,60,0.10); --owner-pr-border:rgba(176,136,60,0.30);
  --owner-counsel-color:#3C7544; --owner-counsel-bg:rgba(90,150,98,0.12); --owner-counsel-border:rgba(90,150,98,0.30);
  --owner-court-color:#3A5D8F; --owner-court-bg:rgba(66,108,170,0.10); --owner-court-border:rgba(66,108,170,0.30);
  --owner-cpa-color:#6A4D94; --owner-cpa-bg:rgba(120,90,165,0.10); --owner-cpa-border:rgba(120,90,165,0.30);
  --owner-client-color:#955F30; --owner-client-bg:rgba(165,110,66,0.10); --owner-client-border:rgba(165,110,66,0.30);

  --event-consult-color:#8A6A1E; --event-consult-bg:rgba(176,136,60,0.16); --event-consult-border:rgba(176,136,60,0.45);
  --event-meeting-color:#8A5A10; --event-meeting-bg:rgba(200,150,40,0.16); --event-meeting-border:rgba(178,128,38,0.40);
  --event-comm-out-color:#3A5D8F; --event-comm-out-bg:rgba(66,108,170,0.12); --event-comm-out-border:rgba(66,108,170,0.35);
  --event-comm-in-color:#6A4D94; --event-comm-in-bg:rgba(120,90,165,0.12); --event-comm-in-border:rgba(120,90,165,0.35);

  --color-success:#2D7838; --color-success-bg:rgba(90,150,98,0.12);
  --color-warning:#8A5A10; --color-warning-bg:rgba(200,150,40,0.12);
  --color-danger:#A5341F; --color-danger-bg:rgba(190,90,68,0.10);
  --color-info:#98701F; --color-info-bg:rgba(176,136,60,0.10);
  --color-accent-text:#7C5810; --color-success-text:#2D7838; --color-warning-text:#8A5A10;
  --color-danger-text:#A5341F; --color-info-text:#7C5810; --color-neutral-text:var(--color-text-muted);
  --color-primary:var(--color-accent); --color-primary-bg:var(--color-accent-light);

  --pipeline-new-lead:#B5832A; --pipeline-consult-scheduled:#A8772C; --pipeline-active-client:#98701F;
  --pipeline-matter-complete:#7C5810; --pipeline-closed:#6B7689;

  --shadow-sm:0 1px 2px rgba(30,45,70,0.06);
  --shadow-md:0 2px 10px rgba(30,45,70,0.08),0 1px 2px rgba(30,45,70,0.05);
  --shadow-lg:0 12px 32px rgba(30,45,70,0.12);
  --shadow-xl:0 20px 48px rgba(30,45,70,0.16);
}

/* ── Token-bypass patches (spots that ignore tokens with literal hex) ── */

/* Body ambient wash — dark theme paints a navy+gold radial; swap for a faint cool wash. */
[data-theme="classic-light"] body {
  background:
    radial-gradient(ellipse at top, rgba(70,90,130,0.05) 0%, transparent 60%),
    radial-gradient(ellipse at bottom right, rgba(176,136,60,0.04) 0%, transparent 50%),
    var(--color-bg-primary);
}
[data-theme="classic-light"] ::selection { background:rgba(176,136,60,0.22); color:#1F2733; }

/* Native <select> dropdown menu — invert the dark theme's navy menu for light. */
[data-theme="classic-light"] select option,
[data-theme="classic-light"] .ifc-input option,
[data-theme="classic-light"] .ifc-select option { background-color:#FFFFFF; color:#1F2733; }

/* Left sidebar stays a dark navy "book-spine": re-pin the dark palette + the
   BRIGHT gold locally so the rail reads dark while the workspace is light. */
[data-theme="classic-light"] .sidebar {
  --color-bg-primary:#0A1628; --color-bg-secondary:#0F1E33; --color-bg-tertiary:#162840;
  --color-bg-hover:#162840; --color-bg-active:#1F3A5C;
  --color-text-primary:#F0E6D2; --color-text-secondary:#D4C9B0; --color-text-muted:#8090A5; --color-text-dim:#576B85;
  --color-border:#1F3A5C; --color-border-subtle:#162840; --color-border-strong:#2D4A6F;
  --color-accent:#C9A05F; --color-accent-hover:#E6C47F;
  --color-accent-light:rgba(201,160,95,0.08); --color-accent-light-hi:rgba(201,160,95,0.16);
  --color-accent-border:rgba(201,160,95,0.25);
}

/* case-flow.css private --pf-* palette (Probate Flow workspace) re-declared light. */
[data-theme="classic-light"] .case-flow {
  --pf-bg:#EEF0F3; --pf-bg-2:#FFFFFF; --pf-bg-3:#E4E7EC; --pf-bg-elevated:#FFFFFF;
  --pf-text:#1F2733; --pf-text-2:#3A4452; --pf-text-dim:#9AA4B4; --pf-text-muted:#6B7689;
  --pf-border:#DEE2E8; --pf-border-light:rgba(70,85,110,0.13); --pf-border-strong:#CDD3DB;
  --pf-gold:#B0883C; --pf-gold-hi:#93701F; --pf-gold-bg:rgba(176,136,60,0.10);
  --pf-gold-bg-hi:rgba(176,136,60,0.20); --pf-gold-line:rgba(176,136,60,0.30);
  --pf-st-done-bg:rgba(90,150,98,0.16); --pf-st-done-fg:#2D7838; --pf-st-done-border:rgba(90,150,98,0.36); --pf-st-done-dot:#4F9D58;
  --pf-st-prog-bg:rgba(200,150,40,0.16); --pf-st-prog-fg:#8A5A10; --pf-st-prog-border:rgba(178,128,38,0.40); --pf-st-prog-dot:#B5832A;
  --pf-st-pend-bg:rgba(120,135,160,0.12); --pf-st-pend-fg:#5A6B82; --pf-st-pend-border:rgba(120,135,160,0.30); --pf-st-pend-dot:#8493A8;
  --pf-st-blk-bg:rgba(190,90,68,0.13); --pf-st-blk-fg:#A5341F; --pf-st-blk-border:rgba(190,90,68,0.40); --pf-st-blk-dot:#C75A45;
  --pf-st-na-fg:#6B7689; --pf-st-na-border:rgba(120,135,160,0.24); --pf-st-na-dot:#AEB6C2;
}

/* Theme toggle button (sidebar footer). The rail is navy in BOTH themes, so this
   styling is constant (bright gold on navy). */
.theme-toggle-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; margin-left: var(--space-2);
  color: #C9A05F; background: transparent;
  border: 1px solid rgba(201,160,95,0.25); border-radius: var(--radius-sm);
  cursor: pointer; transition: background 120ms, color 120ms, border-color 120ms;
}
.theme-toggle-btn:hover { background: rgba(201,160,95,0.10); color: #E6C47F; border-color: rgba(201,160,95,0.45); }
.theme-toggle-btn i { font-size: 16px; }
.sidebar.collapsed .theme-toggle-btn { margin-left: 0; }

/* ── Probate Flow / Local-Rules research: light overrides ──────────────────
   case-flow.css hardcodes the dark navy/cream palette for the .cf-lr-* research
   modal, the phase labels, and owner chips (literals that load after this file).
   Re-skin them light here with GLOBAL tokens so they work regardless of the
   modal's DOM parent. Dark theme untouched. */
[data-theme="classic-light"] .cf-lr-modal {
  background: var(--color-bg-elevated);
  border-color: var(--color-border-strong);
  color: var(--color-text-primary);
}
[data-theme="classic-light"] .cf-lr-modal__header { background: var(--color-bg-tertiary); border-bottom-color: var(--color-border); }
[data-theme="classic-light"] .cf-lr-modal__body { background: var(--color-bg-secondary); }
[data-theme="classic-light"] .cf-lr-modal__glyph { color: var(--color-accent); }
[data-theme="classic-light"] .cf-lr-modal__close:hover { background: var(--color-bg-tertiary); color: var(--color-text-primary); }
[data-theme="classic-light"] .cf-lr-modal__subtitle,
[data-theme="classic-light"] .cf-lr-modal__close,
[data-theme="classic-light"] .cf-lr-label,
[data-theme="classic-light"] .cf-lr-loading,
[data-theme="classic-light"] .cf-lr-card__pill { color: var(--color-text-muted); }
[data-theme="classic-light"] .cf-lr-checkbox,
[data-theme="classic-light"] .cf-lr-banner__summary,
[data-theme="classic-light"] .cf-lr-card__desc { color: var(--color-text-secondary); }
[data-theme="classic-light"] .cf-lr-cache-hint,
[data-theme="classic-light"] .cf-lr-card__conf { color: var(--color-text-dim); }
[data-theme="classic-light"] .cf-lr-actions { border-top-color: var(--color-border); }
[data-theme="classic-light"] .cf-lr-banner,
[data-theme="classic-light"] .cf-lr-card { background: var(--color-bg-secondary); border-color: var(--color-border); }
[data-theme="classic-light"] .cf-lr-banner { border-left-color: var(--color-accent); }
[data-theme="classic-light"] .cf-lr-banner.is-cache { border-left-color: var(--color-text-muted); }
[data-theme="classic-light"] .cf-lr-card__pill { background: var(--color-bg-tertiary); border-color: var(--color-border); }
[data-theme="classic-light"] .cf-lr-card__cite { color: var(--color-accent); }
[data-theme="classic-light"] .cf-lr-card__cite:hover { color: var(--color-accent-hover); }
[data-theme="classic-light"] .cf-lr-card__src--local_rule,
[data-theme="classic-light"] .cf-lr-card__pill--crit { color: var(--color-accent-hover); border-color: var(--color-accent); }
[data-theme="classic-light"] .cf-lr-banner__dropped,
[data-theme="classic-light"] .cf-lr-card__diff,
[data-theme="classic-light"] .cf-lr-card__confirm { color: var(--status-progress-fg); }
[data-theme="classic-light"] .cf-lr-card__dup { color: var(--status-done-fg); }

/* Phase labels (decorative sage/teal hues — deepened for light) */
[data-theme="classic-light"] .cf-phase--open .cf-phase__label,
[data-theme="classic-light"] .cf-phase--open .cf-phase__gutter { color: #3C7544; }
[data-theme="classic-light"] .cf-phase--distrib .cf-phase__label,
[data-theme="classic-light"] .cf-phase--distrib .cf-phase__gutter { color: #5E6B3F; }
[data-theme="classic-light"] .cf-phase--close .cf-phase__label,
[data-theme="classic-light"] .cf-phase--close .cf-phase__gutter { color: #2F6B62; }

/* Owner chips (bright pastels → deepened owner-role tokens) */
[data-theme="classic-light"] .cf-owner--PR { color: var(--owner-pr-color); }
[data-theme="classic-light"] .cf-owner--Counsel { color: var(--owner-counsel-color); }
[data-theme="classic-light"] .cf-owner--Court { color: var(--owner-court-color); }
[data-theme="classic-light"] .cf-owner--CPA { color: var(--owner-cpa-color); }
[data-theme="classic-light"] .cf-owner--Client { color: var(--owner-client-color); }