/* Warm Ops — design tokens. Dark is default (set by common.js); add data-theme="light" on to force light. */ /* color-scheme tells the UA which mode native widgets (select popup, date picker, scrollbars, checkboxes) should paint in. Without it, a dark-themed page still opens a white OS dropdown. */ html { color-scheme: light; } html[data-theme="dark"] { color-scheme: dark; } :root { --bg: #eeece4; --card: #ffffff; --card-alt: #f6f4ed; --ink: #1a1a1a; --ink-soft: #3a3a3a; --muted: #8a8578; --accent: #ff5a1f; --accent-soft: #ffe7dc; --accent-ink: #a43d0c; --mint: #c4e89a; --mint-dark: #2a3a1a; --row-alt: #faf9f4; --input: #f6f4ed; --chip-bg: #f3f1ea; --nav-pill-bg: #141414; --nav-pill-ink: #ffffff; --divider: rgba(20, 20, 20, 0.06); --danger: #d6391a; --success: #1fb852; --r-pill: 999px; --r-card: 28px; --r-card-sm: 20px; --r-field: 16px; --r-chip: 12px; --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03); --shadow-pop: 0 8px 32px rgba(0, 0, 0, 0.12); --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace; } html[data-theme="dark"] { --bg: #0f0e0c; --card: #1a1917; --card-alt: #232220; --ink: #ffffff; --ink-soft: #c9c4b7; --muted: #8a8578; --accent: #ff5a1f; --accent-soft: #2a1811; --accent-ink: #ff8a5c; --mint: #c4e89a; --mint-dark: #2a3a1a; --row-alt: #15140f; --input: #232220; --chip-bg: #232220; --nav-pill-bg: #f5f2ea; --nav-pill-ink: #0f0e0c; --divider: rgba(255, 255, 255, 0.06); --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3); --shadow-pop: 0 8px 32px rgba(0, 0, 0, 0.4); } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { background: var(--bg); color: var(--ink); font-family: var(--font-sans); font-size: 14px; line-height: 1.5; font-weight: 500; -webkit-font-smoothing: antialiased; letter-spacing: -0.006em; min-height: 100vh; } a { color: inherit; text-decoration: none; } button { font-family: inherit; color: inherit; } input, select, textarea { font-family: inherit; color: inherit; } .mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; } .eyebrow { font-size: 13px; font-weight: 600; color: var(--muted); letter-spacing: 0.02em; text-transform: uppercase; } .h1 { font-size: 52px; font-weight: 800; letter-spacing: -0.035em; line-height: 1; text-transform: uppercase; margin: 0; } .h2 { font-size: 28px; font-weight: 800; letter-spacing: -0.02em; margin: 0; } .muted { color: var(--muted); }