/* Metr owner dashboard — design tokens («Индиго»), extracted 1:1 from the owner-approved mockup (design brief 2026-07-13, artifact v3-indigo-final). Dark is the DEFAULT; a full light pair follows the OS preference and can be forced either way via . Series colors are the validated venue palette: --s1 ПИ · --s2 Saint · --s3 MadMen. This file is the styling SSOT for the dashboard — screens (U4/U5) must use these variables, never hardcoded colors. */ :root{ --bg:#0f1014; --surface:#15171c; --surface2:#1b1e24; --line:#262a33; --line-soft:#20242c; --ink:#edeef3; --ink2:#9aa1ae; --ink3:#6a7180; --accent:#8b93e8; --accent-soft:rgba(139,147,232,.14); --on-accent:#0f1116; --up:#4ac97e; --down:#f0776c; --warn:#e0a63c; --crit:#e25b4e; --info:#7fb0d8; --up-bg:rgba(74,201,126,.11); --down-bg:rgba(240,119,108,.11); --warn-bg:rgba(224,166,60,.12); --crit-bg:rgba(226,91,78,.12); --neutral-bg:rgba(154,161,174,.10); --s1:#c98500; --s2:#199e70; --s3:#3987e5; /* серии: ПИ · Saint · MadMen (валидировано) */ --grid:#1e222a; --scrim:rgba(6,7,10,.66); --sans:-apple-system,"SF Pro Text",system-ui,"Segoe UI",Roboto,sans-serif; --serif:"New York","Georgia","Times New Roman",serif; --mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,monospace; } @media (prefers-color-scheme: light){ :root{ --bg:#f6f6f8; --surface:#ffffff; --surface2:#eff0f4; --line:#e3e5eb; --line-soft:#ebecf1; --ink:#16171b; --ink2:#565b66; --ink3:#878c98; --accent:#4a54be; --accent-soft:rgba(74,84,190,.10); --on-accent:#ffffff; --up:#0e7d3c; --down:#bb3a2e; --warn:#8a6116; --crit:#b93a2e; --info:#3f608f; --up-bg:rgba(14,125,60,.09); --down-bg:rgba(187,58,46,.09); --warn-bg:rgba(138,97,22,.10); --crit-bg:rgba(185,58,46,.10); --neutral-bg:rgba(86,91,102,.08); --s1:#eda100; --s2:#1baf7a; --s3:#2a78d6; --grid:#ecedf1; --scrim:rgba(20,22,30,.35); } } :root[data-theme="dark"]{ --bg:#0f1014; --surface:#15171c; --surface2:#1b1e24; --line:#262a33; --line-soft:#20242c; --ink:#edeef3; --ink2:#9aa1ae; --ink3:#6a7180; --accent:#8b93e8; --accent-soft:rgba(139,147,232,.14); --on-accent:#0f1116; --up:#4ac97e; --down:#f0776c; --warn:#e0a63c; --crit:#e25b4e; --info:#7fb0d8; --up-bg:rgba(74,201,126,.11); --down-bg:rgba(240,119,108,.11); --warn-bg:rgba(224,166,60,.12); --crit-bg:rgba(226,91,78,.12); --neutral-bg:rgba(154,161,174,.10); --s1:#c98500; --s2:#199e70; --s3:#3987e5; --grid:#1e222a; --scrim:rgba(6,7,10,.66); } :root[data-theme="light"]{ --bg:#f6f6f8; --surface:#ffffff; --surface2:#eff0f4; --line:#e3e5eb; --line-soft:#ebecf1; --ink:#16171b; --ink2:#565b66; --ink3:#878c98; --accent:#4a54be; --accent-soft:rgba(74,84,190,.10); --on-accent:#ffffff; --up:#0e7d3c; --down:#bb3a2e; --warn:#8a6116; --crit:#b93a2e; --info:#3f608f; --up-bg:rgba(14,125,60,.09); --down-bg:rgba(187,58,46,.09); --warn-bg:rgba(138,97,22,.10); --crit-bg:rgba(185,58,46,.10); --neutral-bg:rgba(86,91,102,.08); --s1:#eda100; --s2:#1baf7a; --s3:#2a78d6; --grid:#ecedf1; --scrim:rgba(20,22,30,.35); }