/* * theme.css — WRITTEN BY THE PLATFORM. Do not edit. * * Palette: Your colours (custom) * Source colours: #0a091b #232136 #f7f7fb #4643c4 #5b5bd6 #ffffff * * Every value below is either one of those five or derived from them, and each * one is contrast-corrected against this palette's own background. Consume * them with var(--token); never write a colour value in app code. */ :root { --canvas: #f7f7fb; --surface: #fbfbfd; --surface-2: #ebebf0; --border: #d6d6dc; --border-strong: #b0b0b8; --ink: #232136; --muted: #6e6d7a; --accent: #4643c4; --accent-hover: #3c39a7; --accent-ink: #ffffff; --accent-text: #5b5bd6; --accent-strong: #4643c4; --accent-soft: #dedef3; --accent-border: #a7a6e2; --success: #15803d; --success-ink: #ffffff; --success-soft: #dce9e4; --success-strong: #137638; --warning: #b45309; --warning-ink: #ffffff; --warning-soft: #efe3de; --warning-strong: #a64c08; --danger: #b91c1c; --danger-ink: #ffffff; --danger-soft: #f0dde0; --danger-strong: #b91c1c;} /** * app.css — Waypoint's own styles. Loads after design.css and theme.css, so * everything here wins. Retunes the shared component tokens toward a * crisp, minimal feel, then adds the handful of pieces the system doesn't * have: the task row, tag chips and the hue picker used to colour them. * * No colour literals anywhere below — every colour is a token, or a * `hue-rotate()` shift applied to one. */ /* --------------------------------------------------------------------- 1. Retune the system — crisp, tight, quick. A handful of variables change the character of every component at once. --------------------------------------------------------------------- */ :root { --radius-sm: 5px; --radius: 9px; --radius-lg: 14px; --radius-xl: 16px; --radius-2xl: 18px; --dur-1: 110ms; --dur-2: 170ms; --dur-3: 260ms; } /* --------------------------------------------------------------------- 2. Sidebar "Manage tags" trigger — a