/* Vibe brand: colours only, loaded after the Kin CSS. Fonts, sizes, shapes and motion stay Kin's.
   Source: vibe-ui app/globals.css (brand-500 #185DFD, secondary-500 #FB88FF, navy #060A1A). */
:root {
  --site: #060A1A;
  --bg: #090E25; --panel: #0B1130; --card: #0D1435; --control: #212A50;
  --glass: rgba(9, 14, 37, .55);
  --l-bg: #E7EBFA;
  --l-surface: rgba(250, 251, 255, .84);
  --l-ink-1: #060A1A; --l-ink-2: #4B5070; --l-ink-3: #7F84A3;
  --l-fill-1: rgba(6, 10, 26, .05); --l-fill-2: rgba(6, 10, 26, .09); --l-rule: rgba(6, 10, 26, .1);
  --l-lift: 0 calc(var(--u) * 24) calc(var(--u) * 60) calc(var(--u) * -24) rgba(24, 93, 253, .2);
  --ink-1: #FFFFFF; --ink-2: #A9AAC4; --ink-3: #8A89AE;
  --lavender: #188AFD;   /* brand blue: bars, ticks, done */
  --yellow:   #FB88FF;   /* brand pink: "now", main button */
  --cyan:     #35C220;   /* live */
  --coral:    #F03D3D;
  --steel:    #737196;
  --grad-dawn: linear-gradient(90deg, #FB88FF 0%, #6B4BC8 30%, #090E25 53%, #134ACA 76%, #188AFD 100%);
  --grad-golden: linear-gradient(90deg, #188AFD 0%, #8F7BFE 45%, #FB88FF 100%);
}
.badge--quiet { color: #C3C6DD; }
.panel { background: rgba(13, 20, 53, .6); --ink-3: #8A89AE; }
.hd__bar, .top { background: rgba(33, 42, 80, .55); --hd-ink: #C3C6DD; }
.hd__tile, .hd__btn--card, .jump, .btn, .kd__brand .mark { background: #212A50; }
.hd__btn--card:hover, .btn:hover { background: #2C3766; }
.hd__btn--main:hover, .btn--main:hover { background: #FCA0FF; }
/* navy glass in place of Kin's warm gray */
.ow::before { background: #0D1435; }
.hd.is-light .hd__bar { background: rgba(9, 14, 37, .74); }
.hd.is-light .hd__tile, .hd.is-light .hd__btn--card { background: #212A50; }
.hd.is-light .hd__btn--card:hover { background: #2C3766; }
.tbox { background: rgba(9, 14, 37, .6); }
.auth__card, .kpi { background: rgba(13, 20, 53, .6); }
.verdict { background: rgba(13, 20, 53, .6); }
.ow { background: rgba(9, 14, 37, calc(.8 * var(--glass, 0))); }
/* dashboard status hues follow Vibe's status palette (warning = sunglow), not the accent */
.st--watch { color: #FCBF04; }
.user i { color: #FFFFFF; }