/* Design tokens. Light is the default, dark follows the system, and [data-theme] on overrides both so a future in-app toggle wins in either direction. */ :root{ --bg:#EAEFF1; --surface:#FFFFFF; --surface-2:#F2F6F8; --ink:#0F161C; --ink-soft:#54636E; --line:#D8E1E6; --accent:#0B7A8C; --accent-soft:#0b7a8c14; --accent-ink:#FFFFFF; --swim:#0E8FA8; --bike:#C9821A; --run:#C64C36; --rest:#6B7A86; --good:#1E8E5A; --good-soft:#1e8e5a14; --warn:#B87503; --warn-soft:#b8750314; --stop:#C0392B; --stop-soft:#c0392b14; --shadow:0 1px 2px rgba(16,32,40,.06), 0 6px 20px rgba(16,32,40,.06); --font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; --mono:"SF Mono",ui-monospace,"JetBrains Mono","Menlo",monospace; } @media (prefers-color-scheme:dark){ :root{ --bg:#0C1116; --surface:#151B22; --surface-2:#1A222B; --ink:#E7ECF1; --ink-soft:#93A1AD; --line:#26313B; --accent:#28C6D8; --accent-soft:#28c6d818; --accent-ink:#04222A; --swim:#37B9D0; --bike:#EDA63C; --run:#EE7059; --rest:#8494A0; --good:#3FBE83; --good-soft:#3fbe8318; --warn:#E5A63C; --warn-soft:#e5a63c18; --stop:#F0705C; --stop-soft:#f0705c18; --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 26px rgba(0,0,0,.34); } } :root[data-theme="light"]{ --bg:#EAEFF1; --surface:#FFFFFF; --surface-2:#F2F6F8; --ink:#0F161C; --ink-soft:#54636E; --line:#D8E1E6; --accent:#0B7A8C; --accent-soft:#0b7a8c14; --accent-ink:#FFFFFF; --swim:#0E8FA8; --bike:#C9821A; --run:#C64C36; --rest:#6B7A86; --good:#1E8E5A; --good-soft:#1e8e5a14; --warn:#B87503; --warn-soft:#b8750314; --stop:#C0392B; --stop-soft:#c0392b14; --shadow:0 1px 2px rgba(16,32,40,.06), 0 6px 20px rgba(16,32,40,.06); } :root[data-theme="dark"]{ --bg:#0C1116; --surface:#151B22; --surface-2:#1A222B; --ink:#E7ECF1; --ink-soft:#93A1AD; --line:#26313B; --accent:#28C6D8; --accent-soft:#28c6d818; --accent-ink:#04222A; --swim:#37B9D0; --bike:#EDA63C; --run:#EE7059; --rest:#8494A0; --good:#3FBE83; --good-soft:#3fbe8318; --warn:#E5A63C; --warn-soft:#e5a63c18; --stop:#F0705C; --stop-soft:#f0705c18; --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 26px rgba(0,0,0,.34); }