@charset "UTF-8";

:root {

  --n950: #080A0E;
  --n900: #0C0F14;
  --n850: #11151C;
  --n800: #161B23;
  --n750: #1C222C;
  --n700: #242C38;
  --n600: #333D4D;
  --n500: #4A5666;
  --n400: #6E7A8C;
  --n300: #8B96A5;
  --n200: #AEB7C4;
  --n100: #E8ECF2;
  --n0:   #FFFFFF;

  --acc:      #C5F02B;
  --acc-hi:   #D9FF56;
  --acc-lo:   #9FC71E;
  --on-acc:   #0B0F04;
  /* кружок с иконкой на табе цвета акцента: у синей темы текст на акценте белый, иконка пропала бы */
  --on-acc-pit: var(--on-acc);
  /* текст на плотной цветной плашке: белый в обеих темах. Имя не сокращать до --onbrand:
   такая переменная в app.css уже есть и значит другое. */
  --on-solid: #FFFFFF;
  /* текст на кнопке чужого сервиса (Steam) и на золотой плашке: у светлой темы свои */
  --on-steam: var(--n100);
  --on-gold:  #0C0F14;
  /* прочерк «значения нет»: на светлой теме он светлее фона и пропадает */
  --dash-mut: var(--n600);
  --acc-soft: rgba(197,240,43,.10);
  --acc-line: rgba(197,240,43,.34);

  --ok:   #37C46D;
  --warn: #F0B429;
  --bad:  #E6482E;
  --info: #3AA0FF;
  --ok-soft:   rgba(55,196,109,.12);
  --warn-soft: rgba(240,180,41,.12);
  --bad-soft:  rgba(230,72,46,.12);
  --info-soft: rgba(58,160,255,.12);

  --s-search: #C5F02B;
  --s-lib:    #3AA0FF;
  --s-hero:   #9B7BFF;
  --s-coach:  #F0B429;

  --f-disp: 'Oswald', system-ui, sans-serif;
  --f-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --f-num:  'Oswald', system-ui, sans-serif;

  --fs-d1: 40px;
  --fs-d2: 30px;
  --fs-h1: 23px;
  --fs-h2: 18px;
  --fs-b:  14px;
  --fs-s:  12.5px;
  --fs-xs: 11px;

  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-pill: 999px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  --el1: 0 1px 2px rgba(0,0,0,.32);
  --el2: 0 8px 24px rgba(0,0,0,.44);
  --el3: 0 24px 64px rgba(0,0,0,.56);

  --side-w: 236px;
  --top-h:  56px;

  --foot-h: 62px;
  --wrap:   1760px;

  --col:    calc(1760px - 236px);
  --gut:    32px;
  --wrap-legal: 720px;
  --measure: 78ch;

  /* Оттенки без роли в палитре: значения 1:1 из app.css, для смены палитры вторым деплоем */
  --ink-black: #000;
  --bg-canvas: #05070A;
  --dn-night-bg: #0B0F18;
  --on-acc-deep: #10130A;
  --toast-ok-bg: #121A10;
  --tip-chip-bg: #171D27;
  --toast-bad-bg: #1A1216;
  --stripe-dark: #1B2230;
  --steam: #1B2838;
  --acc-slab: #1D2410;
  --steam-bg-hi: #223349;
  --steam-bg-hi2: #233C53;
  --line-night: #26304A;
  --dn-bg: #2A3038;
  --line-panel: #2A313C;
  --line-cell: #2A323E;
  --line-track: #2A3342;
  --acc-slab-hi: #2A3A12;
  --steam-line: #2A475E;
  --line-dn: #2B3341;
  --line-tip-n: #2B3546;
  --line-dash: #2C3542;
  --btn-hover-bg: #2C3543;
  --line-tip-act: #2C3A55;
  --ok-bar: #2E9E5B;
  --line-tool: #2F3A49;
  --ok-chip: #2F7A4D;
  --slab-buy: #333C49;
  --slab-half: #39414F;
  --tier-a: #39434F;
  --line-lock: #39445A;
  --ok-mid: #39C26D;
  --slab-grey: #3A4453;
  --line-soft: #3A4757;
  --steam-line-hi: #3B5A77;
  --blue-chip: #3B6FB5;
  --blue-bar: #3B7DFF;
  --line-hover-2: #3D4757;
  --line-hover: #3D4A5E;
  --line-dn-hi: #414B59;
  --acc-track: #46521F;
  --gold-line-dark: #4A4022;
  --teal: #4DD0C4;
  --text-dimmer: #55606F;
  --discord: #5865F2;
  --tier-c: #5A6672;
  --text-faint: #5B6674;
  --blue-mid: #5B81C9;
  --radiant: #5CC856;
  --text-dim-b: #5F6A7A;
  --steam-hi: #66C0F4;
  --ok-hp: #6AD07F;
  --text-mute-b: #7B8797;
  --red-bar-bg: #7E3527;
  --ok-leaf: #7EC66A;
  --text-mute-a: #7F8A99;
  --blue-lite: #7FB1FF;
  --text-mute-c: #8B93A1;
  --tier-b: #8EA2B6;
  --ok-pale: #8FD8A0;
  --text-steel: #93A0B4;
  --text-steel-b: #98A1B3;
  --text-steel-c: #9AA7B8;
  --acc-deep: #9FC522;
  --red-chip: #A33F36;
  --text-lite-c: #A9B9C9;
  --text-lite-a: #AAB3C2;
  --text-lite-b: #AAB6C5;
  --text-tip: #C3CCD7;
  --text-kda: #C8D1DD;
  --acc-check: #C8F556;
  --gold-deep: #C9A227;
  --text-check: #C9D1D9;
  --dire: #D6543E;
  --red-soft: #D9695F;
  --acc-glint: #DCFF5A;
  --text-bright-a: #DFE6EF;
  --bad-warm: #E0574F;
  --red-pale-b: #E0A59D;
  --red-nw: #E6624A;
  --red-soft-b: #E66A5A;
  --red-pale: #E6A5A5;
  --amber: #E6A72E;
  --text-bright-b: #E9EEF7;
  --gold-glow: #F0C24C;
  --gold-lite: #F0C33C;
  --gold-warm: #F0C92B;
  --text-bright-c: #F2F5F9;
  --err-bright: #FF6A4D;
  --orange: #FF8A5C;

  --k-a18: rgba(0,0,0,.18);
  --k-a20: rgba(0,0,0,.2);
  --k-a45: rgba(0,0,0,.45);
  --k-a50: rgba(0,0,0,.5);
  --k-a55: rgba(0,0,0,.55);
  --k-a56: rgba(0,0,0,.56);
  --k-a60: rgba(0,0,0,.6);
  --k-a65: rgba(0,0,0,.65);
  --k-a70: rgba(0,0,0,.7);
  --k-a72: rgba(0,0,0,.72);
  --void-a72: rgba(4,6,10,.72);
  --n950-a00: rgba(8,10,14,0);
  --n950-a55: rgba(8,10,14,.55);
  --n950-a72: rgba(8,10,14,.72);
  --n950-a88: rgba(8,10,14,.88);
  --pit-a95: rgba(10,12,16,.95);
  --deep-a00: rgba(10,13,18,0);
  --deep-a50: rgba(10,13,18,.5);
  --deep-a66: rgba(10,13,18,.66);
  --deep-a90: rgba(10,13,18,.9);
  --deep-a92: rgba(10,13,18,.92);
  --pit-a55: rgba(11,14,19,.55);
  --pit-a82: rgba(12,15,20,.82);
  --ink-a72: rgba(14,17,22,.72);
  --ink-a82: rgba(14,17,22,.82);
  --ink-a85: rgba(14,17,22,.85);
  --ink-a93: rgba(14,17,22,.93);
  --slate-a97: rgba(18,22,29,.97);
  --w-a00: rgba(255,255,255,0);
  --w-a018: rgba(255,255,255,.018);
  --w-a02: rgba(255,255,255,.02);
  --w-a022: rgba(255,255,255,.022);
  --w-a025: rgba(255,255,255,.025);
  --w-a03: rgba(255,255,255,.03);
  --w-a04: rgba(255,255,255,.04);
  --w-a045: rgba(255,255,255,.045);
  --w-a05: rgba(255,255,255,.05);
  --w-a06: rgba(255,255,255,.06);
  --w-a07: rgba(255,255,255,.07);
  --w-a08: rgba(255,255,255,.08);
  --w-a10: rgba(255,255,255,.10);
  --w-a22: rgba(255,255,255,.22);
  --w-a28: rgba(255,255,255,.28);
  --w-a30: rgba(255,255,255,.3);
  --w-a35: rgba(255,255,255,.35);
  --w-a40: rgba(255,255,255,.4);
  --w-a50: rgba(255,255,255,.5);
  --w-a55: rgba(255,255,255,.55);
  --w-a80: rgba(255,255,255,.8);
  --acc-a00: rgba(197,240,43,0);
  --acc-a02: rgba(197,240,43,.02);
  --acc-a03: rgba(197,240,43,.03);
  --acc-a04: rgba(197,240,43,.04);
  --acc-a045: rgba(197,240,43,.045);
  --acc-a05: rgba(197,240,43,.05);
  --acc-a06: rgba(197,240,43,.06);
  --acc-a07: rgba(197,240,43,.07);
  --acc-a08: rgba(197,240,43,.08);
  --acc-a09: rgba(197,240,43,.09);
  --acc-a12: rgba(197,240,43,.12);
  --acc-a13: rgba(197,240,43,.13);
  --acc-a14: rgba(197,240,43,.14);
  --acc-a15: rgba(197,240,43,.15);
  --acc-a16: rgba(197,240,43,.16);
  --acc-a18: rgba(197,240,43,.18);
  --acc-a24: rgba(197,240,43,.24);
  --acc-a25: rgba(197,240,43,.25);
  --acc-a30: rgba(197,240,43,.3);
  --acc-a35: rgba(197,240,43,.35);
  --acc-a40: rgba(197,240,43,.4);
  --acc-a45: rgba(197,240,43,.45);
  --acc-a50: rgba(197,240,43,.5);
  --acc-a55: rgba(197,240,43,.55);
  --acc-a92: rgba(197,240,43,.92);
  --acc-hi-a28: rgba(217,255,86,.28);
  --acc-hi-a55: rgba(217,255,86,.55);
  --ok-a34: rgba(55,196,109,.34);
  --ok-a40: rgba(55,196,109,.4);
  --grn-a06: rgba(57,194,109,.06);
  --grn-a10: rgba(57,194,109,.10);
  --grn-a13: rgba(57,194,109,.13);
  --grn-a15: rgba(57,194,109,.15);
  --grn-a35: rgba(57,194,109,.35);
  --grn-a40: rgba(57,194,109,.4);
  --grn-a45: rgba(57,194,109,.45);
  --grn-a50: rgba(57,194,109,.5);
  --grn-a55: rgba(57,194,109,.55);
  --radiant-a10: rgba(92,200,86,.10);
  --leaf-a10: rgba(126,198,106,.10);
  --leaf-a13: rgba(126,198,106,.13);
  --leaf-a18: rgba(126,198,106,.18);
  --leaf-a50: rgba(126,198,106,.5);
  --bad-a08: rgba(230,72,46,.08);
  --bad-a15: rgba(230,72,46,.15);
  --bad-a34: rgba(230,72,46,.34);
  --bad-a55: rgba(230,72,46,.55);
  --bad-a90: rgba(230,72,46,.9);
  --nw-a16: rgba(230,98,74,.16);
  --nw-a40: rgba(230,98,74,.4);
  --nw-a55: rgba(230,98,74,.55);
  --red-a06: rgba(230,106,90,.06);
  --red-a08: rgba(230,106,90,.08);
  --red-a45: rgba(230,106,90,.45);
  --rsoft-a10: rgba(217,105,95,.10);
  --rsoft-a13: rgba(217,105,95,.13);
  --rsoft-a14: rgba(217,105,95,.14);
  --rsoft-a18: rgba(217,105,95,.18);
  --rsoft-a50: rgba(217,105,95,.5);
  --bwarm-a09: rgba(224,87,79,.09);
  --bwarm-a45: rgba(224,87,79,.45);
  --bwarm-a55: rgba(224,87,79,.55);
  --dire-a10: rgba(214,84,62,.10);
  --dire-a13: rgba(214,84,62,.13);
  --dire-a50: rgba(214,84,62,.5);
  --warn-a28: rgba(240,180,41,.28);
  --warn-a34: rgba(240,180,41,.34);
  --warn-a35: rgba(240,180,41,.35);
  --warn-a40: rgba(240,180,41,.4);
  --goldl-a28: rgba(240,194,76,.28);
  --goldl-a50: rgba(240,194,76,.5);
  --goldl-a55: rgba(240,194,76,.55);
  --gold-a05: rgba(240,201,43,.05);
  --gold-a06: rgba(240,201,43,.06);
  --gold-a07: rgba(240,201,43,.07);
  --gold-a08: rgba(240,201,43,.08);
  --gold-a40: rgba(240,201,43,.4);
  --gold-a45: rgba(240,201,43,.45);
  --gold-a50: rgba(240,201,43,.5);
  --amb-a10: rgba(227,179,65,.10);
  --amb-a18: rgba(227,179,65,.18);
  --amb-a55: rgba(227,179,65,.55);
  --amber-a07: rgba(230,167,46,.07);
  --amber-a14: rgba(230,167,46,.14);
  --amber-a55: rgba(230,167,46,.55);
  --gdeep-a08: rgba(201,162,39,.08);
  --gdeep-a35: rgba(201,162,39,.35);
  --tipact-a18: rgba(74,111,181,.18);
  --discord-a16: rgba(88,101,242,.16);
  --n300-a20: rgba(139,150,165,.2);

  --pit:             #0B0E13;
  --ink:             #0E1116;
  --slate:           #12161D;
  --well:            #0F131A;
  --gold-seam:       #3A3626;
  --line-opt:        #313B4A;
  --gold-line-warm:  #4A4322;
  --acc-dash:        #4A5A2B;
  --ok-bright:       #4EE281;
  --text-lite-d:     #AAB3BD;
  --danger:          #E5484D;
  --telegram:        #2AABEE;
  --orange-hi:       #FF9A3D;
  --k-a40:           rgba(0,0,0,.4);
  --pit-a72:         rgba(11,14,19,.72);
  --pit-a85:         rgba(11,14,19,.85);
  --n300-a07:        rgba(139,150,165,.07);
  --n300-a08:        rgba(139,150,165,.08);
  --ok-a35:          rgba(55,196,109,.35);
  --okb-a14:         rgba(78,226,129,.14);
  --emerald-a06:     rgba(46,204,113,.06);
  --leaf-a40:        rgba(126,198,106,.4);
  --dire-a45:        rgba(214,84,62,.45);
  --bad-a06:         rgba(230,72,46,.06);
  --bad-a40:         rgba(230,72,46,.4);
  --danger-a50:      rgba(229,72,77,.5);
  --gold-a10:        rgba(240,201,43,.10);
  --gold-a32:        rgba(240,201,43,.32);
  --moon:            #C3D4EE;
  --moon-line:       #8FA8CC;

  /* Лендинг, шапка-подвал и общие блоки форматов: те же оттенки, вторым деплоем */
  --band-bg:         #0A0D12;
  --tip-dash:        #5B6880;
  --save-bg:         #0A1D12;
  --red-lite:        #FF9A86;
  --acc-a28:         rgba(197,240,43,.28);
  --acc-a65:         rgba(197,240,43,.65);
  --ok-a07:          rgba(55,196,109,.07);
  --ok-a14:          rgba(55,196,109,.14);
  --okb-a45:         rgba(78,226,129,.45);
  --bad-a07:         rgba(230,72,46,.07);
  --bad-a50:         rgba(230,72,46,.5);
  --info-a06:        rgba(58,160,255,.06);
  --pit-a80:         rgba(11,14,19,.8);
  --n800-a00:        rgba(22,27,35,0);
  --k-a00:           rgba(0,0,0,0);
}