/* Generated from DESIGN.md by apps/Specimen/designcheck.py --css. Do not edit: preflight regenerates this file and fails when the committed copy differs. PAPER on :root; DARK by the reader's scheme or data-skin="dark" on ; MONO by data-mono="true". */ :root { --ground: #EDE2C6; --ink: #26241C; --ink2: #454033; --ink3: #6E6957; --red: #992617; --rule: rgba(38, 36, 28, 0.55); --faint: rgba(38, 36, 28, 0.18); --wash: rgba(38, 36, 28, 0.08); --riso-green: #38944D; --riso-red: #CC331F; --riso-blue: #3373D9; --riso-orange: #E68C1A; --chart-gap: #218599; --chart-beats: #755CB3; --chart-heart: #BF4754; --chart-mileage: #8061BF; --chart-walk: #218C78; --chart-stability: #8561B8; --chart-consistency: var(--riso-green); --chart-run: var(--riso-blue); --chart-pace: var(--riso-orange); --tint-strength: var(--ink); --tint-cycle: var(--ink); --tint-sleep: var(--ink); --tint-ai: var(--red); --bar: var(--ink); --bar-text: var(--ground); } @media (prefers-color-scheme: dark) { :root:not([data-skin="paper"]) { --ground: #000000; --ink: #F0F0F0; --ink2: #B8B8B8; --ink3: #858585; --red: #EB3329; --rule: rgba(255, 255, 255, 0.25); --faint: rgba(240, 240, 240, 0.18); --wash: rgba(240, 240, 240, 0.08); --riso-green: #66AD75; --riso-red: #D66152; --riso-blue: #7599DB; --riso-orange: #E0A357; --chart-gap: #66A8B8; --chart-beats: #9E8ACC; --chart-heart: #CC707A; --chart-mileage: #A38AD1; --chart-walk: #61A894; --chart-stability: #A88FD1; --chart-consistency: var(--riso-green); --chart-run: var(--riso-blue); --chart-pace: var(--riso-orange); --tint-strength: #D9945C; --tint-cycle: #3894B8; --tint-sleep: #C77A9E; --tint-ai: #D9A852; --bar: #262626; --bar-text: var(--ink); } } :root[data-skin="dark"] { --ground: #000000; --ink: #F0F0F0; --ink2: #B8B8B8; --ink3: #858585; --red: #EB3329; --rule: rgba(255, 255, 255, 0.25); --faint: rgba(240, 240, 240, 0.18); --wash: rgba(240, 240, 240, 0.08); --riso-green: #66AD75; --riso-red: #D66152; --riso-blue: #7599DB; --riso-orange: #E0A357; --chart-gap: #66A8B8; --chart-beats: #9E8ACC; --chart-heart: #CC707A; --chart-mileage: #A38AD1; --chart-walk: #61A894; --chart-stability: #A88FD1; --chart-consistency: var(--riso-green); --chart-run: var(--riso-blue); --chart-pace: var(--riso-orange); --tint-strength: #D9945C; --tint-cycle: #3894B8; --tint-sleep: #C77A9E; --tint-ai: #D9A852; --bar: #262626; --bar-text: var(--ink); } :root[data-mono="true"] { --riso-green: var(--ink); --riso-blue: var(--ink2); --riso-orange: var(--ink3); --riso-red: var(--red); --chart-gap: var(--ink); --chart-beats: var(--ink); --chart-heart: var(--ink); --chart-mileage: var(--ink); --chart-walk: var(--ink); --chart-stability: var(--ink); --tint-strength: var(--ink); --tint-cycle: var(--ink); --tint-sleep: var(--ink); --tint-ai: var(--red); }