diff --git a/src/design-system/v0.3-quietware-tokens.css b/src/design-system/v0.3-quietware-tokens.css index 171a12b..2dd93ca 100644 --- a/src/design-system/v0.3-quietware-tokens.css +++ b/src/design-system/v0.3-quietware-tokens.css @@ -186,6 +186,16 @@ Quietware — dark mode default. Warm brown-charcoal atmosphere. ============================================================ */ :root[data-design="quietware"] { + /* Phase 4l — Wren palette revision, 2026/05/15. Role signals + swapped to Tiger Flame / Banana Cream / Sea Green / Steel Azure + (dark) and the FILL/TEXT pair set (light). Coffee Bean bg + candidate #1F0812 was tested live and rejected — its R/G/B + channels (31/8/18) sit on a purple-leaning hue, reading as + aubergine in the running window, not the labelled warm brown. + Bg + grain held at the prior values pending a true coffee-brown + candidate. Steel Azure contrast on dark fails AA (see notice on + --color-info-signal below) regardless of bg choice — retune of + the info ink/signal split is owed separately. */ --color-bg: #12100E; --color-bg-elevated: #1A1713; --color-bg-card: #211D18; @@ -207,25 +217,28 @@ --color-accent-subtle: color-mix(in srgb, var(--blue-700) 12%, transparent); --color-accent-glow: color-mix(in srgb, var(--blue-700) 25%, transparent); - /* Four-tier role tokens. Signal stays bright (the role's identity); - ink lightens for text legibility on dark; border is a middle value; - bg is a hand-tuned dark tint, not a color-mix derivation. */ - --color-info-signal: #6EA8FF; + /* Four-tier role tokens. Signal carries the role's identity + (Tiger Flame / Banana Cream / Sea Green / Steel Azure under + Phase 4l); ink lightens for text legibility on dark; border is + a middle value; bg is a hand-tuned dark tint, not a color-mix. + Borders + bg tints retained from Phase 4j — they go with the + hue family rather than the specific shade. */ + --color-info-signal: #064789; --color-info-ink: #9CC6FF; --color-info-border: #4D8DFF; --color-info-bg: #101A2A; - --color-danger-signal: #FF5A52; + --color-danger-signal: #F26430; --color-danger-ink: #FF9B96; --color-danger-border: #FF5A52; --color-danger-bg: #2A1412; - --color-success-signal: #00FF56; + --color-success-signal: #519872; --color-success-ink: #7DFFA8; --color-success-border: #00D94A; --color-success-bg: #0D2415; - --color-caution-signal: #FFCD00; + --color-caution-signal: #FCEC52; --color-caution-ink: #FFE066; --color-caution-border: #FFCD00; --color-caution-bg: #29210A; @@ -419,25 +432,28 @@ --color-accent-subtle: color-mix(in srgb, var(--blue-700) 12%, transparent); --color-accent-glow: color-mix(in srgb, var(--blue-700) 25%, transparent); - /* Four-tier role tokens, light mode. Bg values hand-picked as - clean pale tints, not muddy color-mix products. */ - --color-info-signal: #000AFF; - --color-info-ink: #0033A0; + /* Four-tier role tokens, light mode. Phase 4l — Wren palette + revision 2026/05/15. Signal = FILL (vivid), ink = TEXT-safe + darker sibling that passes 4.5:1 on cream. Saturation/lightness + targeted on the locked Banana Cream anchor #D5A021 (S 73%, L 48%). + Borders + bg tints unchanged — they go with the hue family. */ + --color-info-signal: #217AD5; + --color-info-ink: #1F73C9; --color-info-border: #3A6BFF; --color-info-bg: #EEF3FF; - --color-danger-signal: #FF0700; - --color-danger-ink: #B3261E; + --color-danger-signal: #D55121; + --color-danger-ink: #C54B1F; --color-danger-border: #E13A32; --color-danger-bg: #FFF0EF; - --color-success-signal: #00D94A; - --color-success-ink: #006B2D; + --color-success-signal: #21D575; + --color-success-ink: #148348; --color-success-border: #159947; --color-success-bg: #EAF8EE; - --color-caution-signal: #FFCD00; - --color-caution-ink: #7A5D00; + --color-caution-signal: #D5A021; + --color-caution-ink: #7E7414; --color-caution-border: #D9A900; --color-caution-bg: #FFF7D6;