/*
 * Dizayn token'lari — desktop (DesktopAsset) va mobil (MobileAsset) uchun bitta manba.
 * Oldin shu blok main.css va mobile.css'da nusxalangan edi. Dark tema qiymatlari: dark.css (.dark).
 */
:root {
    --sp-white: #fff;
    --sp-white-100: #F4F5F6;
    --sp-white-1000: rgba(255, 255, 255, 0.1);
    --sp-white-200: #ddd;
    --sp-white-300: #e5eef4;
    --sp-white-400: #f8fcff;
    --sp-white-500: #FAFAFA;
    --sp-white-600: #EDF8FF;
    --sp-white-700: #AFAFAF;
    --sp-white-800: #EEEEEE;
    --sp-white-900: #F5F7F8;
    --sp-white-7000: rgba(255, 255, 255, 0.7);
    --sp-white-196: rgba(196, 196, 196, 0.1);
    --sp-primary: #005796;
    --sp-primary-dark: #1692E8;
    --sp-black: #000;
    --sp-black-100: #222222;
    --sp-black-200: rgba(0, 0, 0, .1);
    --sp-black-300: #212121;
    --sp-black-400: rgba(10, 20, 47, 0.06);
    --sp-black-500: rgba(0, 0, 0, 0.5);
    --sp-black-600: rgba(10, 20, 47, 0.1);
    --sp-black-700: rgba(34, 34, 34, 0.75);
    --sp-green-100: #33BE6E;
    --sp-green-200: #0da357;
    --sp-red-100: #E60202;
    --sp-red-200: #EC3A3A;
    --sp-red-300: #D11119;
    --sp-blue: #0a6aa1;
    --sp-blue-100: #8d96b2;
    --sp-blue-200: #E7F4FC;
    --sp-orange: #ff5500;
    /* Ikkilamchi matn: har ikkala mavzuda ham fon bilan yetarli kontrastda. */
    --sp-muted: #5F6B78;
    /* Ekran chetidan kontentgacha masofa — barcha bloklar uchun bitta. */
    --gutter: 16px;
}