/* ---------- фирменные токены Дождя ---------- */
:root{
  /* размеры текста и скруглений: только эти значения */
  --t-xs:12px; --t-s:13px; --t-m:14px; --t-l:16px; --t-xl:20px; --t-2xl:28px;
  --r-s:4px; --r-m:6px; --r-l:8px; --r-full:999px;
  --bg:#FAFAFA; --surface:#FFFFFF; --sunk:#F5F6F7;
  --line:#D6D8DD; --line-2:#EBECEE;
  --text:#03172E; --text-2:#31495B; --muted:#566473; --faint:#697482; --faint-deco:#8D949E;
  --accent:#D83A88; --accent-hover:#B6337C; --accent-strong:#B6337C; --accent-strong-hover:#941F77; --accent-soft:#FFEBF2; --accent-softer:#F9F4F9; --accent-text:#B6337C; --on-accent:#FAFAFA;
  --logo:#D83A88;
  --urg:#D03854; --urg-soft:#FFE6EA; --urg-text:#A73346; --on-urg:#FAFAFA;
  --hi-bg:#FFEBF2; --hi-text:#941F77;
  --mid-bg:#EBECEE; --mid-text:#31495B;
  --hover:#F5F6F7; --cursor:#F9F4F9;
  --mark:#FFD7E4; --mark-auto:#FFEBF2; --mark-on:#FF98C0;
  --potok-1:#D83A88; --potok-2:#FF83B4; --potok-3:#FFD7E4; --potok-4:#03172E;
  --shadow:0 1px 2px rgba(3,23,46,.06),0 14px 34px -16px rgba(3,23,46,.26);
  --scrim:rgba(3,23,46,.38);
  --seen-op:.6;
  --ava-0:#D83A88; --ava-1:#31495B; --ava-2:#941F77; --ava-3:#566473; --ava-4:#B6337C; --ava-5:#0C2E43;
  --rw:min(680px,46vw);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#03172E; --surface:#0C2E43; --sunk:#071F37;
    --line:#31495B; --line-2:#16354A;
    --text:#FAFAFA; --text-2:#D6D8DD; --muted:#C0C5CB; --faint:#8D949E; --faint-deco:#8D949E;
    --accent:#EC5F9E; --accent-strong:#EC5F9E; --accent-strong-hover:#FF83B4; --accent-hover:#FF83B4; --accent-soft:#2D2442; --accent-softer:#1A2240; --accent-text:#FF98C0; --on-accent:#03172E;
    --logo:#FAFAFA;
    --urg:#FC8598; --urg-soft:#2F2037; --urg-text:#FC8598; --on-urg:#03172E;
    --hi-bg:#2D2442; --hi-text:#FFADCC;
    --mid-bg:#1D3D51; --mid-text:#D6D8DD;
    --hover:rgba(250,250,250,.045); --cursor:rgba(236,95,158,.10);
    --mark:rgba(236,95,158,.30); --mark-auto:rgba(236,95,158,.16); --mark-on:rgba(236,95,158,.62);
    --potok-1:#EC5F9E; --potok-2:#941F77; --potok-3:#540A55; --potok-4:#FAFAFA;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 36px -14px rgba(0,0,0,.7);
    --scrim:rgba(1,10,22,.6);
    --seen-op:.55;
    --ava-0:#EC5F9E; --ava-1:#31495B; --ava-2:#941F77; --ava-3:#566473; --ava-4:#B6337C; --ava-5:#697482;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#03172E; --surface:#0C2E43; --sunk:#071F37;
  --line:#31495B; --line-2:#16354A;
  --text:#FAFAFA; --text-2:#D6D8DD; --muted:#C0C5CB; --faint:#8D949E; --faint-deco:#8D949E;
  --accent:#EC5F9E; --accent-strong:#EC5F9E; --accent-strong-hover:#FF83B4; --accent-hover:#FF83B4; --accent-soft:#2D2442; --accent-softer:#1A2240; --accent-text:#FF98C0; --on-accent:#03172E;
  --logo:#FAFAFA;
  --urg:#FC8598; --urg-soft:#2F2037; --urg-text:#FC8598; --on-urg:#03172E;
  --hi-bg:#2D2442; --hi-text:#FFADCC;
  --mid-bg:#1D3D51; --mid-text:#D6D8DD;
  --hover:rgba(250,250,250,.045); --cursor:rgba(236,95,158,.10);
  --mark:rgba(236,95,158,.30); --mark-auto:rgba(236,95,158,.16); --mark-on:rgba(236,95,158,.62);
  --potok-1:#EC5F9E; --potok-2:#941F77; --potok-3:#540A55; --potok-4:#FAFAFA;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 36px -14px rgba(0,0,0,.7);
  --scrim:rgba(1,10,22,.6);
  --seen-op:.55;