/* public/asksolve/tokens.css — THE ONE TOKEN SET for the Ask Solve UI, both themes.
 * Copied character for character from design-handover/assets/tokens/helmet.css (the <style> every
 * one of the 662 live boards carries; DESIGN-SYSTEM.md section 2). Night and Day are ONE layout
 * with this token swap: <html data-theme="night|day">. ⛔ Never a second stylesheet for day, never
 * a hardcoded theme colour in a page. The two wall textures are the bug-tile page background. */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(/asksolve/assets/fonts/poppins-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/asksolve/assets/fonts/poppins-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:900;font-display:swap;src:url(/asksolve/assets/fonts/poppins-latin-900-normal.woff2) format('woff2')}
html{font-family:'Poppins',sans-serif;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font-family:'Poppins',sans-serif}
button,input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
/* the ten map only tokens (HUD fill and line, bubble and done fills, the halo, the truck ring) are the values every Routes* board head
   declares; they sit here so Live routes types no hex of its own (parked R6 asked for exactly this or the color-mix derivation). */
/* ⚖ D-NIGHT-NAVY (Josh 09/26 2:30 AM, direct): "night version background should be the approved dark navy, not black."
 * Night --page is the brand navy #223241 (Brand V2, DESIGN-SYSTEM.md line 58; was #0B1219). The cards (--panel #111B24 and
 * their rows) keep their drawn values, so every word on a card keeps its drawn contrast; against the navy page they now
 * read as darker cards (1.33:1, was 1.08:1). --mute2 is lifted #6C7C89 → #8A98A4 so small grey words set straight on the
 * page stay at or above their old contrast (4.44:1 on navy, was 4.38:1 on #0B1219). The chrome (--bar, --strip, --foot)
 * stays the dark #0E161E, darker than the page as the Day bar is. Map-only and on-accent tokens are untouched. */
[data-theme="night"]{--page:#223241;--bar:#0E161E;--barLine:#1C2833;--barMute:#8B9AA6;--panel:#111B24;--panelLine:#1E2A35;--rowOn:#1A2835;--hair:#1A2530;--ink:#FFFFFF;--ink2:#C3CFD8;--mute:#8B9AA6;--mute2:#8A98A4;--stage:#0A1128;--strip:#0E161E;--stripLine:#22303A;--stripDiv:rgba(255,255,255,0.1);--accent:#7BC695;--onAccent:#0B1219;--good:#7BC695;--mid:#3E9C8C;--bad:#E0715A;--alertBg:#1A1412;--alertLine:#4A322B;--alertInk:#E4D2CC;--alertNum:#E08A73;--doneBg:#0F1A1A;--track:#0B1219;--trackLine:#22303A;--foot:#0E161E;--glow:rgba(96,196,255,0.20);--hexFill:#141E28;--hud:rgba(11,18,25,0.92);--hudLine:rgba(255,255,255,0.13);--mHalo:rgba(123,198,149,0.22);--mTruckRing:#0B1219;--mPin:#1B2635;--mPinLine:#4C5C71;--mPinInk:#EAF0F6;--mDoneBg:#2B3648;--mDoneLine:#3E4B5E;--mDoneInk:#8794A6}
[data-theme="day"]{--page:#EBECED;--bar:#223241;--barLine:#223241;--barMute:#B9C3CB;--panel:#FFFFFF;--panelLine:#D2D5D3;--rowOn:#EEF6F2;--hair:#EBECED;--ink:#223241;--ink2:#33434F;--mute:#5E6B76;--mute2:#7B8791;--stage:#F7F8F8;--strip:#FFFFFF;--stripLine:#D2D5D3;--stripDiv:#E3E5E4;--accent:#016B5D;--onAccent:#FFFFFF;--good:#016B5D;--mid:#7BC695;--bad:#C9432E;--alertBg:#FCF1EE;--alertLine:#EBC7BD;--alertInk:#4A2A22;--alertNum:#C9432E;--doneBg:#EEF6F2;--track:#EBECED;--trackLine:#D2D5D3;--foot:#FFFFFF;--glow:rgba(1,107,93,0.10);--hexFill:#F2F7F5;--hud:rgba(255,255,255,0.96);--hudLine:rgba(34,50,65,0.14);--mHalo:rgba(1,107,93,0.20);--mTruckRing:#FFFFFF;--mPin:#FFFFFF;--mPinLine:#8E9AA6;--mPinInk:#223241;--mDoneBg:#E4E1DA;--mDoneLine:#C3BFB6;--mDoneInk:#8A867D}
[data-theme] div,[data-theme] span,[data-theme] a{transition:background-color .45s ease,color .45s ease,border-color .45s ease}
[data-theme="night"] .wm{filter:brightness(0) invert(1)}
.tab{white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:6px;height:48px;padding:0 13px;font-size:12px;letter-spacing:0.04em;text-transform:uppercase;color:var(--barMute)}
.lbl{font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--mute)}
.sub{font-size:9.5px;line-height:1.45;color:var(--mute2)}
.card{background:var(--panel);border:1px solid var(--panelLine)}
[data-theme="day"],[data-theme="day"] .wall{background-image:url(/asksolve/assets/wall/wall-day.png)}
[data-theme="night"],[data-theme="night"] .wall{background-image:url(/asksolve/assets/wall/wall-night.png)}
[data-theme],[data-theme] .wall{background-size:560px 560px;background-repeat:repeat}
.wallN{background-image:url(/asksolve/assets/wall/wall-night.png);background-size:420px 420px;background-repeat:repeat}
/* the side panel's scrim and lifts, as RecordsSalesOpen* draws them in both themes (0.62; the scrim opacity across boards is an open HANDOVER question) */
[data-theme]{--scrimPanel:rgba(4,9,14,0.62);--liftMenu:0 12px 30px rgba(0,0,0,0.35);--liftPanel:-24px 0 60px rgba(0,0,0,0.40)}