﻿
:root {
    --text-primary: #020609d4;
    --text-secondary: #03091180;
    --text-tertiary: #01050c47;
    --text-brand: #2362f6;
    --text-primary-inverse: #fdfdfdf0;
    
    --background-primary: #ffffff;
    --background-secondary: #f6f6f7;
    --background-secondary-alfa: #f4f5f6;
    --background-tertiary: #1e1e370f;
    --background-brand: #2362f6;
    --background-primary-inverse: #0017510d;
    --background-mono: #212225;
    --background-red: #FD3542;
    --background-positive: #00B23B;

    --surface-l0: #ffffff;
    --surface-l1: #f6f6f7;
    --surface-l2: #eeeeee;
    --surface-l3: #dcdcdd;
    --surface-l4: #cacbcc;
    --surface-l5: #b8b9bb;

    --icon-primary: #03070cc4;
    --icon-secondary: #0408126e;
    --icon-tertiary: #D3D5D9;
    --icon-brand: #2362f6;
    --icon-primary-inverse: #fdfdfede;

    --border-secondary: #E9EAEC;

    --icon-check: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="9" height="11" fill="white" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
    --icon-close: url(../../icons/deleteBlack.png);
    --icon-bar: url(../icons/pollResult/BarGray.svg);
    --icon-copy: url(../icons/pollResult/Copy.svg);
    --icon-search: url(../../icons/search.svg);
}
