/* CourtReady — light theme (documents, and any light surfaces). Scoped under [data-theme="light"] so it never overrides the app/marketing dark defaults on :root. Wrap doc content: . Cool-neutral white per brand direction; same blue accent as dark theme. */ [data-theme="light"] { --bg-app: #ffffff; --bg-raised: #f7f8fa; --bg-panel: #f3f4f7; --bg-card: #ffffff; --bg-inset: #eef0f3; --bg-hover: #e7e9ed; --border-faint: rgba(10, 14, 20, 0.06); --border-default: rgba(10, 14, 20, 0.12); --border-strong: rgba(10, 14, 20, 0.2); --text-primary: #0f1420; --text-secondary: #4b5563; --text-tertiary: #7a8291; --text-disabled: #b4b9c2; --text-on-accent: #ffffff; /* Accent stays the CourtReady system blue for continuity across themes */ --accent-blue: #0a6ee0; --accent-blue-hover: #1c7ef0; --accent-blue-pressed: #0858b8; --accent-blue-tint: rgba(10, 110, 224, 0.08); --accent-blue-border: rgba(10, 110, 224, 0.35); --green: #1a9e4a; --green-tint: rgba(26, 158, 74, 0.1); --red: #d92d20; --red-tint: rgba(217, 45, 32, 0.08); --orange: #b5590a; --orange-tint: rgba(181, 89, 10, 0.08); --purple: #8a3fd1; --purple-tint: rgba(138, 63, 209, 0.1); --surface-app: var(--bg-app); --surface-raised: var(--bg-raised); --surface-panel: var(--bg-panel); --surface-card: var(--bg-card); --surface-inset: var(--bg-inset); --state-success: var(--green); --state-danger: var(--red); --state-warning: var(--orange); --state-info: var(--accent-blue); }