/* Сгенерировано build/build_tokens.py из Figma Core-new. Не править руками. */

@font-face{font-family:"TT Uzum";src:url("fonts/tt-uzum-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:"TT Uzum";src:url("fonts/tt-uzum-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:block}
@font-face{font-family:"TT Uzum";src:url("fonts/tt-uzum-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:block}
@font-face{font-family:"TT Uzum";src:url("fonts/tt-uzum-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:block}
@font-face{font-family:"DOT Spektra Tekst";src:url("fonts/dot-spektra-100.woff2") format("woff2");font-weight:100;font-style:normal;font-display:block}
@font-face{font-family:"DOT Spektra Tekst";src:url("fonts/dot-spektra-300.woff2") format("woff2");font-weight:300;font-style:normal;font-display:block}
@font-face{font-family:"DOT Spektra Tekst";src:url("fonts/dot-spektra-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:"DOT Spektra Tekst";src:url("fonts/dot-spektra-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:block}
@font-face{font-family:"DOT Spektra Tekst";src:url("fonts/dot-spektra-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:block}

.uz {
  --p-black-950: #010101;
  --p-black-900: #232323;
  --p-black-0: #ffffff;
  --p-blue-black-900: #393a44;
  --p-blue-black-700: #565a69;
  --p-blue-black-600: #6b6e7c;
  --p-blue-black-300: #b3bac5;
  --p-blue-black-200: #e0e0e5;
  --p-blue-black-100: #ececf0;
  --p-blue-black-50: #f4f4f6;
  --p-violet-300: #d9d6e9;
  --p-violet-500: #bfaed3;
  --p-lavender-200: #e1e5ff;
  --p-lavender-400: #c9d0ff;
  --p-brand-900: #5403be;
  --p-brand-800: #6200e0;
  --p-brand-700: #7000ff;
  --p-brand-600: #7d2bff;
  --p-brand-500: #8a54ff;
  --p-brand-400: #a47cff;
  --p-brand-300: #c0a6ff;
  --p-brand-100: #ebe4ff;
  --p-brand-50: #f3f1fb;
  --p-brand-additional-400: #9ded70;
  --p-brand-additional-100: #e0f9cb;
  --p-brand-additional-50: #eafbde;
  --p-red-600: #f33030;
  --p-red-400: #fc6d6d;
  --p-red-100: #ffe9e9;
  --p-red-50: #fff3f4;
  --p-green-600: #0dba61;
  --p-green-400: #37cd7f;

  /* Отступы (Core / Отступы) */
  --sp-xxs: 4px;
  --sp-xs: 8px;
  --sp-s: 12px;
  --sp-m: 16px;
  --sp-l: 24px;
  --sp-xl: 32px;
  --sp-xxl: 40px;
  --sp-xxxl: 80px;
  --sp-4xl: 120px;

  /* Блюры (Core / Блюры), Figma background blur radius → CSS blur(radius/2) */
  --blur-xs: blur(2px);
  --blur-s: blur(12px);
  --blur-m: blur(28px);
  --blur-l: blur(40px);
  --blur-xl: blur(60px);

  --font-ui: "TT Uzum", -apple-system, system-ui, sans-serif;
  --font-display: "DOT Spektra Tekst", "TT Uzum", sans-serif;
}

.uz, .uz[data-uz-theme="light"] {
  color-scheme: light;
  --c-surface-main: var(--p-blue-black-50);
  --c-surface-main-alpha-fade: rgb(244 244 246 / 0.0);
  --c-surface-bottom-sheet: var(--p-black-0);
  --c-surface-bottom-sheet-navigation-transp: rgb(255 255 255 / 0.851);
  --c-surface-widget: var(--p-black-0);
  --c-surface-navigation-transp: rgb(255 255 255 / 0.8);
  --c-surface-navigation-transp-inverse: rgb(1 1 1 / 0.8);
  --c-surface-darkening: rgb(1 1 1 / 0.4);
  --c-surface-background-gradient-default-start: rgb(201 208 255 / 0.651);
  --c-surface-background-gradient-default-end: rgb(201 208 255 / 0.0);
  --c-surface-background-gradient-alpha-start: rgb(201 208 255 / 0.651);
  --c-surface-background-gradient-alpha-end: rgb(201 208 255 / 0.0);
  --c-surface-widget-gradient-alpha-start: rgb(233 234 249 / 0.898);
  --c-surface-widget-gradient-alpha-end: rgb(255 255 255 / 0.898);
  --c-surface-background-gradient-beta-start: rgb(191 174 211 / 0.651);
  --c-surface-background-gradient-beta-end: rgb(191 174 211 / 0.0);
  --c-surface-background-gradient-gamma-start: rgb(159 179 208 / 0.651);
  --c-surface-background-gradient-gamma-end: rgb(159 179 208 / 0.0);
  --c-surface-sussess-gradient-start: var(--p-brand-700);
  --c-surface-sussess-gradient-end: var(--p-black-950);
  --c-surface-background-gradient-negative-start: rgb(243 48 48 / 0.322);
  --c-surface-background-gradient-negative-end: rgb(243 48 48 / 0.0);
  --c-surface-background-gradient-positive-start: rgb(13 186 97 / 0.322);
  --c-surface-background-gradient-positive-end: rgb(13 186 97 / 0.0);
  --c-surface-background-gradient-neutral-start-2: rgb(179 186 197 / 0.651);
  --c-surface-background-gradient-success-end-2: rgb(179 186 197 / 0.0);
  --c-container-grey: var(--p-blue-black-50);
  --c-container-white: var(--p-black-0);
  --c-container-pressed: rgb(107 110 124 / 0.051);
  --c-container-shimmer-start: rgb(86 90 105 / 0.071);
  --c-container-shimmer-end: rgb(86 90 105 / 0.161);
  --c-container-accent: var(--p-brand-100);
  --c-container-positive: var(--p-brand-additional-50);
  --c-container-positive-saturated: var(--p-brand-additional-100);
  --c-container-negative: var(--p-red-50);
  --c-container-negative-saturated: var(--p-red-100);
  --c-container-cards: var(--p-black-950);
  --c-container-shadow: rgb(0 0 0 / 0.078);
  --c-container-container-fade: rgb(1 1 1 / 0.039);
  --c-container-promo-1-gradient-start: rgb(167 171 190 / 0.122);
  --c-container-promo-1-gradient-end: rgb(167 171 190 / 0.251);
  --c-actions-primary: var(--p-brand-700);
  --c-actions-primary-pressed: var(--p-brand-900);
  --c-actions-primary-disabled: var(--p-violet-300);
  --c-actions-on-primary: var(--p-black-0);
  --c-actions-on-primary-disabled: var(--p-black-0);
  --c-actions-secondary: var(--p-brand-50);
  --c-actions-secondary-pressed: var(--p-brand-100);
  --c-actions-secondary-highlited: var(--p-brand-100);
  --c-actions-on-secondary: var(--p-brand-700);
  --c-actions-on-secondary-disabled: rgb(164 124 255 / 0.4);
  --c-actions-tertiary-white: var(--p-black-0);
  --c-actions-tertiary-white-pressed: var(--p-blue-black-100);
  --c-actions-tertiary-grey: var(--p-blue-black-50);
  --c-actions-tertiary-grey-pressed: var(--p-blue-black-200);
  --c-actions-transparent: rgb(255 255 255 / 0.161);
  --c-actions-transparent-pressed: rgb(255 255 255 / 0.239);
  --c-actions-controll-off: var(--p-blue-black-200);
  --c-actions-controll-off-disabled: var(--p-blue-black-200);
  --c-actions-on-controll-off: var(--p-black-0);
  --c-actions-on-controll-off-disabled: rgb(255 255 255 / 0.349);
  --c-actions-gradient-button-start: rgb(107 110 124 / 0.059);
  --c-actions-gradient-button-end: rgb(107 110 124 / 0.161);
  --c-actions-gradient-button-accent-start: var(--p-brand-500);
  --c-actions-gradient-button-accent-end: var(--p-brand-800);
  --c-actions-gradient-container-start: var(--p-blue-black-700);
  --c-actions-gradient-container-end: var(--p-black-900);
  --c-actions-gradient-container-static-start: var(--p-blue-black-700);
  --c-actions-gradient-container-static-end: var(--p-black-900);
  --c-actions-gradient-container-inverse-start: rgb(255 255 255 / 0.851);
  --c-actions-gradient-container-inverse-end: rgb(255 255 255 / 0.949);
  --c-actions-gradient-container-inverse-static-start: rgb(255 255 255 / 0.851);
  --c-actions-gradient-container-inverse-static-end: rgb(255 255 255 / 0.949);
  --c-text-primary: var(--p-black-950);
  --c-text-primary-alpha-fade: rgb(1 1 1 / 0.0);
  --c-text-secondary: rgb(1 1 1 / 0.502);
  --c-text-disabled: rgb(1 1 1 / 0.302);
  --c-text-static-primary: var(--p-black-950);
  --c-text-static-secondary: rgb(1 1 1 / 0.502);
  --c-text-static-disabled: rgb(1 1 1 / 0.302);
  --c-text-inverse-static-primary: var(--p-black-0);
  --c-text-inverse-static-primary-alpha-fade: rgb(255 255 255 / 0.0);
  --c-text-inverse-static-secondary: rgb(255 255 255 / 0.6);
  --c-text-inverse-disabled: rgb(255 255 255 / 0.349);
  --c-text-shimmer-start: rgb(86 90 105 / 0.251);
  --c-text-shimmer-end: rgb(86 90 105 / 0.6);
  --c-text-error: var(--p-red-600);
  --c-text-error-alpha-fade: rgb(243 48 48 / 0.0);
  --c-text-success: var(--p-green-600);
  --c-text-link: var(--p-brand-600);
  --c-text-accent: var(--p-brand-700);
  --c-text-accent-disabled: rgb(164 124 255 / 0.4);
  --c-text-cashback: var(--p-brand-additional-400);
  --c-text-gradient-start: rgb(255 255 255 / 0.651);
  --c-text-gradient-end: rgb(255 255 255 / 0.451);
  --c-graphic-primary: var(--p-black-950);
  --c-graphic-secondary: rgb(1 1 1 / 0.302);
  --c-graphic-disabled: rgb(1 1 1 / 0.251);
  --c-graphic-static-primary: var(--p-black-950);
  --c-graphic-static-secondary: rgb(1 1 1 / 0.349);
  --c-graphic-static-disabled: rgb(1 1 1 / 0.251);
  --c-graphic-inverse-static-primary: var(--p-black-0);
  --c-graphic-inverse-static-secondary: rgb(255 255 255 / 0.451);
  --c-graphic-inverse-static-disabled: rgb(255 255 255 / 0.302);
  --c-graphic-inverse-primary: var(--p-black-0);
  --c-graphic-inverse-secondary: rgb(255 255 255 / 0.451);
  --c-graphic-inverse-disabled: rgb(255 255 255 / 0.302);
  --c-graphic-error: var(--p-red-600);
  --c-graphic-success: var(--p-green-600);
  --c-graphic-accent: var(--p-brand-700);
  --c-graphic-accent-disabled: rgb(164 124 255 / 0.4);
  --c-graphic-gradient-accent-start: rgb(112 0 255 / 0.8);
  --c-graphic-gradient-accent-end: var(--p-brand-700);
  --c-graphic-gradient-default-start: rgb(57 58 68 / 0.8);
  --c-graphic-gradient-default-end: var(--p-blue-black-900);
  --c-graphic-gradient-secondary-start: rgb(107 110 124 / 0.6);
  --c-graphic-gradient-secondary-end: var(--p-blue-black-600);
  --c-graphic-gradient-add-lavender-start: var(--p-lavender-200);
  --c-graphic-add-lavender-end: rgb(225 229 255 / 0.8);
  --c-graphic-add-white-start: var(--p-black-0);
  --c-graphic-additional-white-end: rgb(255 255 255 / 0.8);
  --c-graphic-gradient-tabbar-start: rgb(107 110 124 / 0.302);
  --c-graphic-gradient-tabbar-end: rgb(107 110 124 / 0.102);
  --c-border-divider: rgb(1 1 1 / 0.4);
  --c-border-border-subtle: rgb(1 1 1 / 0.102);
  --c-border-border-subtle-inverse: rgb(255 255 255 / 0.122);
}

.uz[data-uz-theme="dark"], [data-proto-theme="dark"] .uz:not([data-uz-theme]) {
  color-scheme: dark;
  --c-surface-main: var(--p-black-950);
  --c-surface-main-alpha-fade: rgb(1 1 1 / 0.0);
  --c-surface-bottom-sheet: var(--p-black-900);
  --c-surface-bottom-sheet-navigation-transp: rgb(35 35 35 / 0.851);
  --c-surface-widget: rgb(255 255 255 / 0.122);
  --c-surface-navigation-transp: rgb(1 1 1 / 0.8);
  --c-surface-navigation-transp-inverse: rgb(1 1 1 / 0.8);
  --c-surface-darkening: rgb(1 1 1 / 0.4);
  --c-surface-background-gradient-default-start: rgb(112 0 255 / 0.651);
  --c-surface-background-gradient-default-end: rgb(112 0 255 / 0.0);
  --c-surface-background-gradient-alpha-start: rgb(112 0 255 / 0.651);
  --c-surface-background-gradient-alpha-end: rgb(112 0 255 / 0.0);
  --c-surface-widget-gradient-alpha-start: rgb(73 1 165 / 0.451);
  --c-surface-widget-gradient-alpha-end: rgb(255 255 255 / 0.059);
  --c-surface-background-gradient-beta-start: rgb(191 174 211 / 0.651);
  --c-surface-background-gradient-beta-end: rgb(191 174 211 / 0.0);
  --c-surface-background-gradient-gamma-start: rgb(159 179 208 / 0.651);
  --c-surface-background-gradient-gamma-end: rgb(159 179 208 / 0.0);
  --c-surface-sussess-gradient-start: var(--p-brand-700);
  --c-surface-sussess-gradient-end: var(--p-black-950);
  --c-surface-background-gradient-negative-start: rgb(243 48 48 / 0.4);
  --c-surface-background-gradient-negative-end: rgb(243 48 48 / 0.0);
  --c-surface-background-gradient-positive-start: rgb(13 186 97 / 0.4);
  --c-surface-background-gradient-positive-end: rgb(13 186 97 / 0.0);
  --c-surface-background-gradient-neutral-start-2: rgb(179 186 197 / 0.549);
  --c-surface-background-gradient-success-end-2: rgb(179 186 197 / 0.0);
  --c-container-grey: rgb(255 255 255 / 0.122);
  --c-container-white: rgb(255 255 255 / 0.122);
  --c-container-pressed: rgb(255 255 255 / 0.078);
  --c-container-shimmer-start: rgb(255 255 255 / 0.141);
  --c-container-shimmer-end: rgb(255 255 255 / 0.2);
  --c-container-accent: rgb(164 124 255 / 0.4);
  --c-container-positive: rgb(157 237 112 / 0.149);
  --c-container-positive-saturated: rgb(157 237 112 / 0.149);
  --c-container-negative: rgb(252 109 109 / 0.149);
  --c-container-negative-saturated: rgb(252 109 109 / 0.149);
  --c-container-cards: #3e3e3e;
  --c-container-shadow: rgb(0 0 0 / 0.078);
  --c-container-container-fade: rgb(1 1 1 / 0.039);
  --c-container-promo-1-gradient-start: rgb(200 195 255 / 0.251);
  --c-container-promo-1-gradient-end: rgb(200 195 255 / 0.349);
  --c-actions-primary: var(--p-brand-600);
  --c-actions-primary-pressed: var(--p-brand-800);
  --c-actions-primary-disabled: rgb(164 124 255 / 0.251);
  --c-actions-on-primary: var(--p-black-0);
  --c-actions-on-primary-disabled: rgb(255 255 255 / 0.349);
  --c-actions-secondary: rgb(164 124 255 / 0.4);
  --c-actions-secondary-pressed: rgb(164 124 255 / 0.561);
  --c-actions-secondary-highlited: var(--p-brand-400);
  --c-actions-on-secondary: var(--p-black-0);
  --c-actions-on-secondary-disabled: rgb(255 255 255 / 0.349);
  --c-actions-tertiary-white: rgb(255 255 255 / 0.122);
  --c-actions-tertiary-white-pressed: rgb(255 255 255 / 0.2);
  --c-actions-tertiary-grey: rgb(255 255 255 / 0.122);
  --c-actions-tertiary-grey-pressed: rgb(255 255 255 / 0.2);
  --c-actions-transparent: rgb(255 255 255 / 0.161);
  --c-actions-transparent-pressed: rgb(255 255 255 / 0.239);
  --c-actions-controll-off: rgb(255 255 255 / 0.2);
  --c-actions-controll-off-disabled: rgb(255 255 255 / 0.122);
  --c-actions-on-controll-off: var(--p-black-0);
  --c-actions-on-controll-off-disabled: rgb(255 255 255 / 0.349);
  --c-actions-gradient-button-start: rgb(244 244 246 / 0.239);
  --c-actions-gradient-button-end: rgb(244 244 246 / 0.141);
  --c-actions-gradient-button-accent-start: var(--p-brand-500);
  --c-actions-gradient-button-accent-end: var(--p-brand-800);
  --c-actions-gradient-container-start: rgb(255 255 255 / 0.851);
  --c-actions-gradient-container-end: rgb(255 255 255 / 0.949);
  --c-actions-gradient-container-static-start: #727583;
  --c-actions-gradient-container-static-end: #3b3b3b;
  --c-actions-gradient-container-inverse-start: #727583;
  --c-actions-gradient-container-inverse-end: #3b3b3b;
  --c-actions-gradient-container-inverse-static-start: rgb(255 255 255 / 0.851);
  --c-actions-gradient-container-inverse-static-end: rgb(255 255 255 / 0.949);
  --c-text-primary: var(--p-black-0);
  --c-text-primary-alpha-fade: rgb(255 255 255 / 0.0);
  --c-text-secondary: rgb(255 255 255 / 0.6);
  --c-text-disabled: rgb(255 255 255 / 0.349);
  --c-text-static-primary: var(--p-black-950);
  --c-text-static-secondary: rgb(1 1 1 / 0.502);
  --c-text-static-disabled: rgb(1 1 1 / 0.302);
  --c-text-inverse-static-primary: var(--p-black-0);
  --c-text-inverse-static-primary-alpha-fade: rgb(255 255 255 / 0.0);
  --c-text-inverse-static-secondary: rgb(255 255 255 / 0.6);
  --c-text-inverse-disabled: rgb(255 255 255 / 0.349);
  --c-text-shimmer-start: rgb(255 255 255 / 0.251);
  --c-text-shimmer-end: rgb(255 255 255 / 0.6);
  --c-text-error: var(--p-red-400);
  --c-text-error-alpha-fade: rgb(252 109 109 / 0.0);
  --c-text-success: var(--p-green-400);
  --c-text-link: var(--p-brand-400);
  --c-text-accent: var(--p-brand-400);
  --c-text-accent-disabled: rgb(192 166 255 / 0.4);
  --c-text-cashback: var(--p-brand-additional-400);
  --c-text-gradient-start: rgb(255 255 255 / 0.651);
  --c-text-gradient-end: rgb(255 255 255 / 0.451);
  --c-graphic-primary: var(--p-black-0);
  --c-graphic-secondary: rgb(255 255 255 / 0.4);
  --c-graphic-disabled: rgb(255 255 255 / 0.302);
  --c-graphic-static-primary: var(--p-black-950);
  --c-graphic-static-secondary: rgb(1 1 1 / 0.349);
  --c-graphic-static-disabled: rgb(1 1 1 / 0.251);
  --c-graphic-inverse-static-primary: var(--p-black-0);
  --c-graphic-inverse-static-secondary: rgb(255 255 255 / 0.451);
  --c-graphic-inverse-static-disabled: rgb(255 255 255 / 0.302);
  --c-graphic-inverse-primary: var(--p-black-950);
  --c-graphic-inverse-secondary: rgb(1 1 1 / 0.349);
  --c-graphic-inverse-disabled: rgb(1 1 1 / 0.251);
  --c-graphic-error: var(--p-red-400);
  --c-graphic-success: var(--p-green-400);
  --c-graphic-accent: var(--p-brand-400);
  --c-graphic-accent-disabled: rgb(192 166 255 / 0.4);
  --c-graphic-gradient-accent-start: var(--p-brand-300);
  --c-graphic-gradient-accent-end: rgb(192 166 255 / 0.698);
  --c-graphic-gradient-default-start: rgb(255 255 255 / 0.8);
  --c-graphic-gradient-default-end: rgb(255 255 255 / 0.439);
  --c-graphic-gradient-secondary-start: rgb(255 255 255 / 0.6);
  --c-graphic-gradient-secondary-end: rgb(255 255 255 / 0.322);
  --c-graphic-gradient-add-lavender-start: rgb(225 229 255 / 0.8);
  --c-graphic-add-lavender-end: var(--p-lavender-200);
  --c-graphic-add-white-start: var(--p-black-0);
  --c-graphic-additional-white-end: rgb(255 255 255 / 0.8);
  --c-graphic-gradient-tabbar-start: rgb(255 255 255 / 0.102);
  --c-graphic-gradient-tabbar-end: rgb(255 255 255 / 0.302);
  --c-border-divider: rgb(255 255 255 / 0.451);
  --c-border-border-subtle: rgb(255 255 255 / 0.122);
  --c-border-border-subtle-inverse: rgb(255 255 255 / 0.122);
}

.uz, .uz[data-uz-theme] {
  --g-graphic-default: linear-gradient(180deg, var(--c-graphic-gradient-default-start), var(--c-graphic-gradient-default-end));
  --g-graphic-accent: linear-gradient(180deg, var(--c-graphic-gradient-accent-start), var(--c-graphic-gradient-accent-end));
  --g-graphic-secondary: linear-gradient(180deg, var(--c-graphic-gradient-secondary-start), var(--c-graphic-gradient-secondary-end));
  --g-graphic-lavender: linear-gradient(180deg, var(--c-graphic-gradient-add-lavender-start), var(--c-graphic-add-lavender-end));
  --g-graphic-white: linear-gradient(180deg, var(--c-graphic-add-white-start), var(--c-graphic-additional-white-end));
  --g-button: linear-gradient(180deg, var(--c-actions-gradient-button-start), var(--c-actions-gradient-button-end));
  --g-button-accent: radial-gradient(120% 120% at 50% 0%, var(--c-actions-gradient-button-accent-start), var(--c-actions-gradient-button-accent-end));
  --g-text: linear-gradient(180deg, var(--c-text-gradient-start), var(--c-text-gradient-end));
  --g-success: linear-gradient(180deg, var(--c-surface-sussess-gradient-start), var(--c-surface-sussess-gradient-end));
  --g-container: linear-gradient(147deg, var(--c-actions-gradient-container-start), var(--c-actions-gradient-container-end));
  --g-container-static: linear-gradient(147deg, var(--c-actions-gradient-container-static-start), var(--c-actions-gradient-container-static-end));
  --g-container-inverse: linear-gradient(147deg, var(--c-actions-gradient-container-inverse-start), var(--c-actions-gradient-container-inverse-end));
  --g-container-inverse-static: linear-gradient(147deg, var(--c-actions-gradient-container-inverse-static-start), var(--c-actions-gradient-container-inverse-static-end));
  --g-bg-default: linear-gradient(180deg, var(--c-surface-background-gradient-default-start), var(--c-surface-background-gradient-default-end));
  --g-bg-alpha: linear-gradient(180deg, var(--c-surface-background-gradient-alpha-start), var(--c-surface-background-gradient-alpha-end));
  --g-bg-beta: linear-gradient(180deg, var(--c-surface-background-gradient-beta-start), var(--c-surface-background-gradient-beta-end));
  --g-bg-gamma: linear-gradient(180deg, var(--c-surface-background-gradient-gamma-start), var(--c-surface-background-gradient-gamma-end));
  --g-bg-negative: linear-gradient(180deg, var(--c-surface-background-gradient-negative-start), var(--c-surface-background-gradient-negative-end));
  --g-bg-positive: linear-gradient(180deg, var(--c-surface-background-gradient-positive-start), var(--c-surface-background-gradient-positive-end));
  --g-bg-neutral: linear-gradient(180deg, var(--c-surface-background-gradient-neutral-start-2), var(--c-surface-background-gradient-success-end-2));
  --g-widget-alpha: linear-gradient(180deg, var(--c-surface-widget-gradient-alpha-start), var(--c-surface-widget-gradient-alpha-end));
  --g-promo-1: linear-gradient(180deg, var(--c-container-promo-1-gradient-start), var(--c-container-promo-1-gradient-end));
  --g-tabbar: linear-gradient(180deg, var(--c-graphic-gradient-tabbar-start), var(--c-graphic-gradient-tabbar-end));
}

/* Category gradients — градиенты категорий финансовой аналитики (добавлено вручную, не из build_tokens.py; НА РАССМОТРЕНИИ у дизайнеров).
   Значения — из макетов PFM (ветка History fi0nG1n5xLMuKI6udtmNwO, 20015:236991 / 287102: RAW-заливки плиток иконок категорий, linear 180°),
   свои — для категорий без макета (transport, taxi, fun, clothes, beauty, travel, auto, cashback, interest). Тёмная тема — те же цвета, кроме «Мой дом». */
.uz, .uz[data-uz-theme] {
  --c-cat-shop-start: #ff6b63;
  --c-cat-shop-end: #ff473c;
  --c-cat-transfer-start: #01ea4b;
  --c-cat-transfer-end: #01c007;
  --c-cat-home-start: #48515e;
  --c-cat-home-end: #14171c;
  --c-cat-cafe-start: #01c7ff;
  --c-cat-cafe-end: #0178fc;
  --c-cat-edu-start: #fd9708;
  --c-cat-edu-end: #fb7b18;
  --c-cat-health-start: #2aed0b;
  --c-cat-health-end: #1ec001;
  --c-cat-telecom-start: #71717e;
  --c-cat-telecom-end: #41414b;
  --c-cat-charity-start: #ff5c74;
  --c-cat-charity-end: #ff3c59;
  --c-cat-finance-start: #24e2f0;
  --c-cat-finance-end: #27bee5;
  --c-cat-transport-start: var(--p-brand-400);
  --c-cat-transport-end: var(--p-brand-700);
  --c-cat-taxi-start: #ffd84d;
  --c-cat-taxi-end: #ffb800;
  --c-cat-fun-start: #ff7ad9;
  --c-cat-fun-end: #e43fb5;
  --c-cat-clothes-start: #8fa3ff;
  --c-cat-clothes-end: #5b6cff;
  --c-cat-beauty-start: #ffa8c5;
  --c-cat-beauty-end: #ff7aa8;
  --c-cat-travel-start: #3ee0c5;
  --c-cat-travel-end: #12b5a0;
  --c-cat-auto-start: #b0805f;
  --c-cat-auto-end: #7a4e33;
  --c-cat-salary-start: var(--p-green-400); /* «От юр. лиц» — зелёный ДС (Graphic/Success), правка 21.10 */
  --c-cat-salary-end: var(--p-green-600);
  --c-cat-transfer-in-start: #01c7ff; /* синий из макета 20015:287102 (бывший цвет зарплаты) */
  --c-cat-transfer-in-end: #0178fc;
  --c-cat-cashback-start: var(--p-brand-additional-400);
  --c-cat-cashback-end: #6cc24a;
  --c-cat-refund-start: #71717e;
  --c-cat-refund-end: #41414b;
  --c-cat-interest-start: var(--p-brand-300);
  --c-cat-interest-end: var(--p-brand-500);
  --g-cat-shop: linear-gradient(180deg, var(--c-cat-shop-start), var(--c-cat-shop-end));
  --g-cat-transfer: linear-gradient(180deg, var(--c-cat-transfer-start), var(--c-cat-transfer-end));
  --g-cat-home: linear-gradient(180deg, var(--c-cat-home-start), var(--c-cat-home-end));
  --g-cat-cafe: linear-gradient(180deg, var(--c-cat-cafe-start), var(--c-cat-cafe-end));
  --g-cat-edu: linear-gradient(180deg, var(--c-cat-edu-start), var(--c-cat-edu-end));
  --g-cat-health: linear-gradient(180deg, var(--c-cat-health-start), var(--c-cat-health-end));
  --g-cat-telecom: linear-gradient(180deg, var(--c-cat-telecom-start), var(--c-cat-telecom-end));
  --g-cat-charity: linear-gradient(180deg, var(--c-cat-charity-start), var(--c-cat-charity-end));
  --g-cat-finance: linear-gradient(180deg, var(--c-cat-finance-start), var(--c-cat-finance-end));
  --g-cat-transport: linear-gradient(180deg, var(--c-cat-transport-start), var(--c-cat-transport-end));
  --g-cat-taxi: linear-gradient(180deg, var(--c-cat-taxi-start), var(--c-cat-taxi-end));
  --g-cat-fun: linear-gradient(180deg, var(--c-cat-fun-start), var(--c-cat-fun-end));
  --g-cat-clothes: linear-gradient(180deg, var(--c-cat-clothes-start), var(--c-cat-clothes-end));
  --g-cat-beauty: linear-gradient(180deg, var(--c-cat-beauty-start), var(--c-cat-beauty-end));
  --g-cat-travel: linear-gradient(180deg, var(--c-cat-travel-start), var(--c-cat-travel-end));
  --g-cat-auto: linear-gradient(180deg, var(--c-cat-auto-start), var(--c-cat-auto-end));
  --g-cat-salary: linear-gradient(180deg, var(--c-cat-salary-start), var(--c-cat-salary-end));
  --g-cat-transfer-in: linear-gradient(180deg, var(--c-cat-transfer-in-start), var(--c-cat-transfer-in-end));
  --g-cat-cashback: linear-gradient(180deg, var(--c-cat-cashback-start), var(--c-cat-cashback-end));
  --g-cat-refund: linear-gradient(180deg, var(--c-cat-refund-start), var(--c-cat-refund-end));
  --g-cat-interest: linear-gradient(180deg, var(--c-cat-interest-start), var(--c-cat-interest-end));
}
/* «Мой дом» в тёмной теме: макетный #48515e → #14171c на Surface/Main #010101 почти не виден — светлее (вопрос дизайнерам) */
.uz[data-uz-theme="dark"], [data-proto-theme="dark"] .uz:not([data-uz-theme]) {
  --c-cat-home-start: #6b7585;
  --c-cat-home-end: #3a414c;
}

.uz .t-display-1{font-family:var(--font-display);font-weight:500;font-size:80px;line-height:100px;letter-spacing:-0.04em}
.uz .t-display-2{font-family:var(--font-display);font-weight:500;font-size:60px;line-height:76px;letter-spacing:-0.04em}
.uz .t-display-3{font-family:var(--font-display);font-weight:500;font-size:38px;line-height:48px;letter-spacing:-0.04em}
.uz .t-display-4{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:35px;letter-spacing:0em;text-transform:uppercase}
.uz .t-title-1{font-family:var(--font-ui);font-weight:600;font-size:32px;line-height:34px;letter-spacing:-0.02em}
.uz .t-title-2{font-family:var(--font-ui);font-weight:600;font-size:28px;line-height:30px;letter-spacing:-0.02em}
.uz .t-title-3{font-family:var(--font-ui);font-weight:600;font-size:20px;line-height:24px;letter-spacing:-0.01em}
.uz .t-body-l{font-family:var(--font-ui);font-weight:500;font-size:20px;line-height:24px;letter-spacing:-0.01em}
.uz .t-body-m{font-family:var(--font-ui);font-weight:500;font-size:16px;line-height:20px;letter-spacing:-0.01em}
.uz .t-body-m-bold{font-family:var(--font-ui);font-weight:600;font-size:16px;line-height:20px;letter-spacing:-0.01em}
.uz .t-body-s{font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:18px;letter-spacing:0em}
.uz .t-body-s-bold{font-family:var(--font-ui);font-weight:600;font-size:14px;line-height:18px;letter-spacing:0em}
.uz .t-caption{font-family:var(--font-ui);font-weight:500;font-size:12px;line-height:15px;letter-spacing:0em}
.uz .t-caption-bold{font-family:var(--font-ui);font-weight:600;font-size:12px;line-height:15px;letter-spacing:0em}
.uz .t-caption-2-bold{font-family:var(--font-ui);font-weight:600;font-size:11px;line-height:13px;letter-spacing:0em}
.uz .t-button{font-family:var(--font-ui);font-weight:600;font-size:16px;line-height:20px;letter-spacing:-0.01em}
.uz .t-tabbar{font-family:var(--font-ui);font-weight:600;font-size:9px;line-height:12px;letter-spacing:0em}