/* alphaTrack UI — per-app accent registry. * * Brand identity is theme-independent: mtrack stays recognizably blue * whether the user is on Aurora, Paper, or Sangria. Themes change * surfaces; this file pins the accent + on-accent foreground per app. * * Apply with: (one of: alphatrack, htrack, * mtrack, ytrack, rtrack, btrack, ttrack, gtrack, ftrack). * * --ui-accent — the brand colour (used by .btn-primary, focus rings, * .badge-accent, active tab underline, etc). * --ui-on-accent — text colour when sitting on top of --ui-accent * (i.e. inside .btn-primary, .badge-accent, the user * avatar). Picked per-app to give enough contrast in * both dark and light themes. * * accent-hover is computed at the component level via filter:brightness(), * so apps don't have to maintain a separate variable. */ /* alphatrack — landing + auth. Lavender, the family colour. */ [data-app="alphatrack"] { --ui-accent: #8491ff; --ui-on-accent: #0c0c10; } /* htrack — health (calories, weight, fasts). Mint green. */ [data-app="htrack"] { --ui-accent: #5dd99c; --ui-on-accent: #0c1410; } /* mtrack — media (TV + movies). Blue. */ [data-app="mtrack"] { --ui-accent: #3a7afe; --ui-on-accent: #ffffff; } /* ytrack — YouTube subscriptions. Warm red. */ [data-app="ytrack"] { --ui-accent: #fe4e60; --ui-on-accent: #ffffff; } /* rtrack — RSS reader. Orange. */ [data-app="rtrack"] { --ui-accent: #ff8c42; --ui-on-accent: #1a1310; } /* btrack — books. Teal. */ [data-app="btrack"] { --ui-accent: #3ec8c0; --ui-on-accent: #0c1413; } /* ttrack — tasks. Purple. */ [data-app="ttrack"] { --ui-accent: #a78bfa; --ui-on-accent: #ffffff; } /* gtrack — games (video + board). Amber. */ [data-app="gtrack"] { --ui-accent: #fbbf24; --ui-on-accent: #1a1410; } /* ftrack — finances. Emerald green (distinct from htrack's mint). */ [data-app="ftrack"] { --ui-accent: #10b981; --ui-on-accent: #ffffff; } /* ntrack — notes (markdown/wiki). Rose. */ [data-app="ntrack"] { --ui-accent: #fb7185; --ui-on-accent: #1a0e10; }