/* Light is the default; the theme script sets data-theme on (defaulting to the OS preference) and the toggle flips it. */ :root { color-scheme: light; --bg: #ffffff; --fg: #1a1a1a; --muted: #6b7280; --sidebar: #f4f4f5; --border: #e4e4e7; --accent: #2563eb; --card: #fafafa; --error-bg: #fee2e2; --error-fg: #991b1b; /* Form-field surface. Light: plain white (unchanged look). */ --input-bg: #ffffff; } [data-theme="dark"] { color-scheme: dark; /* Lifted the page + card a touch off near-black, and raised the field surface above the card so inputs read as inputs (not holes). Borders and the link accent are brightened for legibility. */ --bg: #1a1a1e; --fg: #e4e4e7; --muted: #a1a1aa; --sidebar: #141417; --border: #34343c; --accent: #7cb3fb; --card: #232329; --error-bg: #3f1d1d; --error-fg: #fca5a5; --input-bg: #2b2b32; } /* Global form-control surface — one consistent field style across the app in both themes. This is what stops an unstyled