/* Generated for product: gibur */
/* Generated from untitled_ui_tokens_global.json + tokens.semantic.json */
:root {
  /* Core (read-only) */
  --core-black: #000000;
  --core-blue-gray-100: #eaecf5;
  --core-blue-gray-200: #d5d9eb;
  --core-blue-gray-25: #fcfcfd;
  --core-blue-gray-300: #afb5d9;
  --core-blue-gray-400: #717bbc;
  --core-blue-gray-50: #f8f9fc;
  --core-blue-gray-500: #4e5ba6;
  --core-blue-gray-600: #3e4784;
  --core-blue-gray-700: #363f72;
  --core-blue-gray-800: #293056;
  --core-blue-gray-900: #101323;
  --core-blue-light-100: #e0f2fe;
  --core-blue-light-200: #b9e6fe;
  --core-blue-light-25: #f5fbff;
  --core-blue-light-300: #7cd4fd;
  --core-blue-light-400: #36bffa;
  --core-blue-light-50: #f0f9ff;
  --core-blue-light-500: #0ba5ec;
  --core-blue-light-600: #0086c9;
  --core-blue-light-700: #026aa2;
  --core-blue-light-800: #065986;
  --core-blue-light-900: #0b4a6f;
  --core-blue-100: #d1e9ff;
  --core-blue-200: #b2ddff;
  --core-blue-25: #f5faff;
  --core-blue-300: #84caff;
  --core-blue-400: #53b1fd;
  --core-blue-50: #eff8ff;
  --core-blue-500: #2e90fa;
  --core-blue-600: #1570ef;
  --core-blue-700: #175cd3;
  --core-blue-800: #1849a9;
  --core-blue-900: #194185;
  --core-brand-100: #d1e9ff;
  --core-brand-200: #b2ddff;
  --core-brand-25: #f5faff;
  --core-brand-300: #84caff;
  --core-brand-400: #53b1fd;
  --core-brand-50: #eff8ff;
  --core-brand-500: #2e90fa;
  --core-brand-600: #1570ef;
  --core-brand-700: #175cd3;
  --core-brand-800: #1849a9;
  --core-brand-900: #194185;
  --core-error-100: #fee4e2;
  --core-error-200: #fecdca;
  --core-error-25: #fffbfa;
  --core-error-300: #fda29b;
  --core-error-400: #f97066;
  --core-error-50: #fef3f2;
  --core-error-500: #f04438;
  --core-error-600: #d92d20;
  --core-error-700: #b42318;
  --core-error-800: #912018;
  --core-error-900: #7a271a;
  --core-gradient-brand-600-500-90deg: linear-gradient(90deg, #1570ef 0%, #2e90fa 100%);
  --core-gradient-brand-700-600-45deg: linear-gradient(45deg, #175cd3 0%, #1570ef 100%);
  --core-gradient-brand-800-600-45deg: linear-gradient(45deg, #1849a9 0%, #1570ef 100%);
  --core-gradient-brand-800-600-90deg: linear-gradient(90deg, #1849a9 0%, #1570ef 100%);
  --core-gradient-brand-800-700-26-5deg: linear-gradient(27deg, #1849a9 0%, #175cd3 100%);
  --core-gradient-brand-900-600-45deg: linear-gradient(45deg, #194185 0%, #1570ef 100%);
  --core-gradient-gray-600-500-90deg: linear-gradient(90deg, #535862 0%, #717680 100%);
  --core-gradient-gray-700-600-45deg: linear-gradient(45deg, #414651 0%, #535862 100%);
  --core-gradient-gray-800-600-45deg: linear-gradient(45deg, #252b37 0%, #535862 100%);
  --core-gradient-gray-800-600-90deg: linear-gradient(90deg, #252b37 0%, #535862 100%);
  --core-gradient-gray-800-700-26-5deg: linear-gradient(27deg, #252b37 0%, #414651 100%);
  --core-gradient-gray-900-600-45deg: linear-gradient(45deg, #101828 0%, #535862 100%);
  --core-gray-100: #f5f5f5;
  --core-gray-150: #f0f1f1;
  --core-gray-200: #e9eaeb;
  --core-gray-25: #fdfdfd;
  --core-gray-300: #d5d7da;
  --core-gray-400: #a4a7ae;
  --core-gray-50: #fafafa;
  --core-gray-500: #717680;
  --core-gray-600: #535862;
  --core-gray-700: #414651;
  --core-gray-800: #252b37;
  --core-gray-900: #181d27;
  --core-indigo-100: #e0eaff;
  --core-indigo-200: #c7d7fe;
  --core-indigo-25: #f5f8ff;
  --core-indigo-300: #a4bcfd;
  --core-indigo-400: #8098f9;
  --core-indigo-50: #eef4ff;
  --core-indigo-500: #6172f3;
  --core-indigo-600: #444ce7;
  --core-indigo-700: #3538cd;
  --core-indigo-800: #2d31a6;
  --core-indigo-900: #2d3282;
  --core-integration-dropbox-blue: #0061FF;
  --core-integration-linear-purple: #5E6AD2;
  --core-integration-slack-blue: #36C5F0;
  --core-integration-slack-green: #2EB67D;
  --core-integration-slack-red: #E01E5A;
  --core-integration-slack-yellow: #ECB22E;
  --core-integration-zapier-orange: #FF4A00;
  --core-market-huawei-red: #C91C2E;
  --core-orange-100: #ffead5;
  --core-orange-200: #fddcab;
  --core-orange-25: #fffaf5;
  --core-orange-300: #feb273;
  --core-orange-400: #fd853a;
  --core-orange-50: #fff6ed;
  --core-orange-500: #fb6514;
  --core-orange-600: #ec4a0a;
  --core-orange-700: #c4320a;
  --core-orange-800: #9c2a10;
  --core-orange-900: #7e2410;
  --core-payment-amex-blue: #006FCF;
  --core-payment-diners-blue: #0079BE;
  --core-payment-discover-orange: #FF6000;
  --core-payment-jcb-blue: #0E4C96;
  --core-payment-jcb-green: #008000;
  --core-payment-jcb-red: #CA0000;
  --core-payment-mastercard-orange: #FF5F00;
  --core-payment-mastercard-red: #EB001B;
  --core-payment-mastercard-yellow: #F79E1B;
  --core-payment-unionpay-teal: #006C75;
  --core-payment-visa-blue: #1434CB;
  --core-pink-100: #fce7f6;
  --core-pink-200: #fcceee;
  --core-pink-25: #fef6fb;
  --core-pink-300: #faa7e0;
  --core-pink-400: #f670c7;
  --core-pink-50: #fdf2fa;
  --core-pink-500: #ee46bc;
  --core-pink-600: #dd2590;
  --core-pink-700: #c11574;
  --core-pink-800: #9e165f;
  --core-pink-900: #851651;
  --core-purple-100: #ebe9fe;
  --core-purple-200: #d9d6fe;
  --core-purple-25: #fafaff;
  --core-purple-300: #bdb4fe;
  --core-purple-400: #9b8afb;
  --core-purple-50: #f4f3ff;
  --core-purple-500: #7a5af8;
  --core-purple-600: #6938ef;
  --core-purple-700: #5925dc;
  --core-purple-800: #4a1fb8;
  --core-purple-900: #3e1c96;
  --core-ros-100: #ffe4e8;
  --core-ros-200: #fecdd6;
  --core-ros-25: #fff5f6;
  --core-ros-300: #fea3b4;
  --core-ros-400: #fd6f8e;
  --core-ros-50: #fff1f3;
  --core-ros-500: #f63d68;
  --core-ros-600: #e31b54;
  --core-ros-700: #c01048;
  --core-ros-800: #a11043;
  --core-ros-900: #89123e;
  --core-social-dribble-hover: #E62872;
  --core-social-dribble-primary: #EA4C89;
  --core-social-dribble-secondary: #C32361;
  --core-social-facebook-hover: #0C63D4;
  --core-social-facebook-primary: #1877F2;
  --core-social-figma-blue: #00B6FF;
  --core-social-figma-green: #24CB71;
  --core-social-figma-orange: #FF7237;
  --core-social-figma-purple: #874FFF;
  --core-social-figma-red: #FF3737;
  --core-social-google-blue: #4285F4;
  --core-social-google-green: #34A853;
  --core-social-google-red: #EA4335;
  --core-social-google-yellow: #FBBC04;
  --core-success-100: #d1fadf;
  --core-success-200: #a6f4c5;
  --core-success-25: #f6fef9;
  --core-success-300: #6ce9a6;
  --core-success-400: #32d583;
  --core-success-50: #ecfdf3;
  --core-success-500: #12b76a;
  --core-success-600: #039855;
  --core-success-700: #027a48;
  --core-success-800: #05603a;
  --core-success-900: #054f31;
  --core-warning-100: #fef0c7;
  --core-warning-200: #fedf89;
  --core-warning-25: #fffcf5;
  --core-warning-300: #fec84b;
  --core-warning-400: #fdb022;
  --core-warning-50: #fffaeb;
  --core-warning-500: #f79009;
  --core-warning-600: #dc6803;
  --core-warning-700: #b54708;
  --core-warning-800: #93370d;
  --core-warning-900: #7a2e0e;
  --core-white: #ffffff;
  --core-fontfamilies-inter: Inter;
  --core-fontsize-0: 12px;
  --core-fontsize-1: 14px;
  --core-fontsize-10: 72px;
  --core-fontsize-2: 16px;
  --core-fontsize-3: 18px;
  --core-fontsize-4: 20px;
  --core-fontsize-5: 24px;
  --core-fontsize-6: 30px;
  --core-fontsize-7: 36px;
  --core-fontsize-8: 48px;
  --core-fontsize-9: 60px;
  --core-fontweights-inter-0: Regular;
  --core-fontweights-inter-1: Medium;
  --core-fontweights-inter-2: Semi Bold;
  --core-fontweights-inter-3: Bold;
  --core-letterspacing-0: -2%;
  --core-letterspacing-1: 0%;
  --core-lineheights-0: 90px;
  --core-lineheights-1: 90px;
  --core-lineheights-10: 60px;
  --core-lineheights-11: 60px;
  --core-lineheights-12: 44px;
  --core-lineheights-13: 44px;
  --core-lineheights-14: 44px;
  --core-lineheights-15: 44px;
  --core-lineheights-16: 38px;
  --core-lineheights-17: 38px;
  --core-lineheights-18: 38px;
  --core-lineheights-19: 38px;
  --core-lineheights-2: 90px;
  --core-lineheights-20: 32px;
  --core-lineheights-21: 32px;
  --core-lineheights-22: 32px;
  --core-lineheights-23: 32px;
  --core-lineheights-24: 30px;
  --core-lineheights-25: 30px;
  --core-lineheights-26: 30px;
  --core-lineheights-27: 30px;
  --core-lineheights-28: 28px;
  --core-lineheights-29: 28px;
  --core-lineheights-3: 90px;
  --core-lineheights-30: 28px;
  --core-lineheights-31: 28px;
  --core-lineheights-32: 24px;
  --core-lineheights-33: 24px;
  --core-lineheights-34: 24px;
  --core-lineheights-35: 24px;
  --core-lineheights-36: 20px;
  --core-lineheights-37: 20px;
  --core-lineheights-38: 20px;
  --core-lineheights-39: 20px;
  --core-lineheights-4: 72px;
  --core-lineheights-40: 18px;
  --core-lineheights-41: 18px;
  --core-lineheights-42: 18px;
  --core-lineheights-43: 18px;
  --core-lineheights-5: 72px;
  --core-lineheights-6: 72px;
  --core-lineheights-7: 72px;
  --core-lineheights-8: 60px;
  --core-lineheights-9: 60px;
  --core-paragraphindent-0: 0px;
  --core-paragraphspacing-0: 12px;
  --core-paragraphspacing-1: 14px;
  --core-paragraphspacing-10: 72px;
  --core-paragraphspacing-2: 16px;
  --core-paragraphspacing-3: 18px;
  --core-paragraphspacing-4: 20px;
  --core-paragraphspacing-5: 24px;
  --core-paragraphspacing-6: 30px;
  --core-paragraphspacing-7: 36px;
  --core-paragraphspacing-8: 48px;
  --core-paragraphspacing-9: 60px;
  --core-textcase-none: none;
  --core-textdecoration-none: none;
}

:root, html.theme-system, html.theme-light, html.light-mode, .theme-system, .theme-light, .light-mode, .light {
  /* Semantic (preferred) */
  --color-bg-active: #e9eaeb;
  --color-bg-brand-muted: #d1e9ff;
  --color-bg-brand-solid: #1570ef;
  --color-bg-brand-solid_hover: #175cd3;
  --color-bg-brand-subtle: #eff8ff;
  --color-bg-default: #fafafa;
  --color-bg-disabled: #f5f5f5;
  --color-bg-disabled_subtle: #fafafa;
  --color-bg-error-muted: #fee4e2;
  --color-bg-error-solid: #d92d20;
  --color-bg-error-solid_hover: #b42318;
  --color-bg-error-subtle: #fffbfa;
  --color-bg-muted: #e9eaeb;
  --color-bg-overlay: #181d27;
  --color-bg-primary: #ffffff;
  --color-bg-primary_alt: #ffffff;
  --color-bg-primary_hover: #fafafa;
  --color-bg-primary_solid: #181d27;
  --color-bg-progress_track: #f0f1f1;
  --color-bg-quaternary: #e9eaeb;
  --color-bg-secondary: #fafafa;
  --color-bg-secondary_alt: #fafafa;
  --color-bg-secondary_hover: #e9eaeb;
  --color-bg-secondary_subtle: #fdfdfd;
  --color-bg-success-muted: #d1fadf;
  --color-bg-success-solid: #039855;
  --color-bg-success-solid_hover: #027a48;
  --color-bg-success-subtle: #f6fef9;
  --color-bg-surface: #ffffff;
  --color-bg-surface_hover: #f5f5f5;
  --color-bg-surface_subtle: #fafafa;
  --color-bg-tertiary: #fafafa;
  --color-bg-warning-muted: #fef0c7;
  --color-bg-warning-solid: #dc6803;
  --color-bg-warning-solid_hover: #b54708;
  --color-bg-warning-subtle: #fffcf5;
  --color-border-brand: #1570ef;
  --color-border-brand_alt: #1570ef;
  --color-border-danger: #f97066;
  --color-border-default: #d5d7da;
  --color-border-disabled: #d5d7da;
  --color-border-disabled_subtle: #e9eaeb;
  --color-border-error: #f04438;
  --color-border-error_subtle: #fda29b;
  --color-border-focus: #2e90fa;
  --color-border-muted: #e9eaeb;
  --color-border-primary: #d5d7da;
  --color-border-secondary: #e9eaeb;
  --color-border-secondary_alt: #f5f5f5;
  --color-border-tertiary: #f5f5f5;
  --color-border-warning: #fdb022;
  --color-fg-brand-primary: #1570ef;
  --color-fg-brand-solid: #1570ef;
  --color-fg-disabled: #a4a7ae;
  --color-fg-muted: #717680;
  --color-fg-onbrand: #ffffff;
  --color-fg-ondanger: #ffffff;
  --color-fg-primary: #181d27;
  --color-fg-quaternary: #a4a7ae;
  --color-fg-quaternary_hover: #717680;
  --color-fg-secondary: #414651;
  --color-fg-tertiary: #535862;
  --color-fg-white: #ffffff;
  --color-focus-ring: #2e90fa;
  --color-integration-dropbox-blue: #0061FF;
  --color-integration-linear-purple: #5E6AD2;
  --color-integration-slack-blue: #36C5F0;
  --color-integration-slack-green: #2EB67D;
  --color-integration-slack-red: #E01E5A;
  --color-integration-slack-yellow: #ECB22E;
  --color-integration-zapier-orange: #FF4A00;
  --color-intent-danger: #f04438;
  --color-intent-success: #12b76a;
  --color-intent-warning: #f79009;
  --color-market-huawei-red: #C91C2E;
  --color-payment-amex-blue: #006FCF;
  --color-payment-diners-blue: #0079BE;
  --color-payment-discover-orange: #FF6000;
  --color-payment-jcb-blue: #0E4C96;
  --color-payment-jcb-green: #008000;
  --color-payment-jcb-red: #CA0000;
  --color-payment-mastercard-orange: #FF5F00;
  --color-payment-mastercard-red: #EB001B;
  --color-payment-mastercard-yellow: #F79E1B;
  --color-payment-unionpay-teal: #006C75;
  --color-payment-visa-blue: #1434CB;
  --color-social-dribble-bg: #EA4C89;
  --color-social-dribble-bg_hover: #E62872;
  --color-social-dribble-fg: #C32361;
  --color-social-facebook-bg: #1877F2;
  --color-social-facebook-bg_hover: #0C63D4;
  --color-social-figma-blue: #00B6FF;
  --color-social-figma-green: #24CB71;
  --color-social-figma-orange: #FF7237;
  --color-social-figma-purple: #874FFF;
  --color-social-figma-red: #FF3737;
  --color-social-google-blue: #4285F4;
  --color-social-google-green: #34A853;
  --color-social-google-red: #EA4335;
  --color-social-google-yellow: #FBBC04;
  --color-text-disabled: #717680;
  --color-text-placeholder: #717680;
  --color-text-placeholder_subtle: #d5d7da;
  --color-text-primary: #181d27;
  --color-text-quaternary: #717680;
  --color-text-secondary: #414651;
  --color-text-secondary_hover: #252b37;
  --color-text-tertiary: #535862;
  --color-text-tertiary_hover: #414651;
  --effect-backdrop_blur-lg: 16px;
  --effect-backdrop_blur-md: 8px;
  --effect-backdrop_blur-sm: 4px;
  --effect-focus_ring-default: 0 0 0 2px rgba(255, 255, 255, 1), 0 0 0 4px rgba(46, 144, 250, 1);
  --effect-focus_ring-error: 0 0 0 2px rgba(255, 255, 255, 1), 0 0 0 4px rgba(240, 68, 56, 1);
  --effect-shadow-2xl: 0 24px 48px -12px rgba(10, 13, 18, 0.18);
  --effect-shadow-3xl: 0 32px 64px -12px rgba(10, 13, 18, 0.14);
  --effect-shadow-glow_brand: 0 0 20px rgba(59, 130, 246, 0.30), 0 0 40px rgba(59, 130, 246, 0.10);
  --effect-shadow-glow_brand_strong: 0 0 30px rgba(59, 130, 246, 0.40), 0 0 60px rgba(59, 130, 246, 0.15);
  --effect-shadow-lg: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03);
  --effect-shadow-md: 0 4px 8px -2px rgba(10, 13, 18, 0.10), 0 2px 4px -2px rgba(10, 13, 18, 0.06);
  --effect-shadow-sm: 0 1px 3px 0 rgba(10, 13, 18, 0.10), 0 1px 2px 0 rgba(10, 13, 18, 0.06);
  --effect-shadow-xl: 0 20px 24px -4px rgba(10, 13, 18, 0.08), 0 8px 8px -4px rgba(10, 13, 18, 0.03);
  --effect-shadow-xs: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
  --font-family-sans: Inter;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  --font-size-6xl: 60px;
  --font-size-7xl: 72px;
  --font-size-lg: 18px;
  --font-size-md: 16px;
  --font-size-sm: 14px;
  --font-size-xl: 20px;
  --font-size-xs: 12px;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --layout-grid-desktop-columns: 12;
  --layout-grid-desktop-gutter: 32px;
  --layout-grid-desktop-margin: 80px;
  --layout-grid-desktop-max_width: 1280px;
  --layout-grid-phone-columns: 4;
  --layout-grid-phone-gutter: 16px;
  --layout-grid-phone-margin: 16px;
  --layout-grid-phone-max_width: 375px;
  --layout-grid-tablet-columns: 6;
  --layout-grid-tablet-gutter: 24px;
  --layout-grid-tablet-margin: 32px;
  --layout-grid-tablet-max_width: 768px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;
  --radius-lg: 10px;
  --radius-md: 8px;
  --radius-none: 0px;
  --radius-pill: 9999px;
  --radius-sm: 4px;
  --radius-xl: 12px;
  --radius-xs: 2px;
  --space-0: 0px;
  --space-1: 4px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-2: 8px;
  --space-20: 80px;
  --space-24: 96px;
  --space-3: 12px;
  --space-32: 128px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  /* Legacy aliases */
  --bg-default: var(--color-bg-default);
  --bg-elevated: var(--color-bg-surface);
  --bg-surface: var(--color-bg-surface);
  --bg-muted: var(--color-bg-muted);
  --fg-primary: var(--color-fg-primary);
  --fg-secondary: var(--color-fg-secondary);
  --fg-muted: var(--color-fg-muted);
  --border-muted: var(--color-border-muted);
  --border-default: var(--color-border-default);
  --intent-success: var(--color-intent-success);
  --intent-warning: var(--color-intent-warning);
  --intent-danger: var(--color-intent-danger);
  --focus-ring: var(--color-focus-ring);
  --link: var(--color-bg-brand-solid);
  --cta: var(--color-bg-brand-solid);
  --bg-page: var(--color-bg-default);
  --bg: var(--color-bg-default);
  --text: var(--color-text-primary);
}

html.theme-dark, html.dark-mode, .theme-dark, .dark-mode, .dark {
  /* Semantic (dark mode overrides) */
  --color-bg-active: #a4a7ae;
  --color-bg-brand-muted: #d1e9ff;
  --color-bg-brand-solid: #1570ef;
  --color-bg-brand-solid_hover: #175cd3;
  --color-bg-brand-subtle: #eff8ff;
  --color-bg-default: #181d27;
  --color-bg-disabled: #717680;
  --color-bg-disabled_subtle: #535862;
  --color-bg-error-muted: #7a271a;
  --color-bg-error-solid: #f04438;
  --color-bg-error-solid_hover: #f97066;
  --color-bg-error-subtle: #7a271a;
  --color-bg-muted: #d5d7da;
  --color-bg-overlay: #535862;
  --color-bg-primary: #252b37;
  --color-bg-primary_alt: #252b37;
  --color-bg-primary_hover: #a4a7ae;
  --color-bg-primary_solid: #a4a7ae;
  --color-bg-quaternary: #d5d7da;
  --color-bg-secondary: #414651;
  --color-bg-secondary_alt: #414651;
  --color-bg-secondary_hover: #d5d7da;
  --color-bg-secondary_subtle: #252b37;
  --color-bg-success-muted: #054f31;
  --color-bg-success-solid: #12b76a;
  --color-bg-success-solid_hover: #32d583;
  --color-bg-success-subtle: #054f31;
  --color-bg-surface: #252b37;
  --color-bg-surface_subtle: #fafafa;
  --color-bg-tertiary: #a4a7ae;
  --color-bg-warning-muted: #7a2e0e;
  --color-bg-warning-solid: #f79009;
  --color-bg-warning-solid_hover: #fdb022;
  --color-bg-warning-subtle: #7a2e0e;
  --color-border-brand: #53b1fd;
  --color-border-brand_alt: #84caff;
  --color-border-danger: #f97066;
  --color-border-default: #717680;
  --color-border-disabled: #a4a7ae;
  --color-border-disabled_subtle: #717680;
  --color-border-focus: #2e90fa;
  --color-border-muted: #a4a7ae;
  --color-border-primary: #717680;
  --color-border-secondary: #717680;
  --color-border-secondary_alt: #a4a7ae;
  --color-border-tertiary: #717680;
  --color-fg-brand-primary: #1570ef;
  --color-fg-brand-solid: #1570ef;
  --color-fg-disabled: #a4a7ae;
  --color-fg-muted: #717680;
  --color-fg-onbrand: #fafafa;
  --color-fg-ondanger: #ffffff;
  --color-fg-primary: #fafafa;
  --color-fg-quaternary: #a4a7ae;
  --color-fg-quaternary_hover: #717680;
  --color-fg-secondary: #e9eaeb;
  --color-fg-tertiary: #535862;
  --color-focus-ring: #2e90fa;
  --color-integration-dropbox-blue: #0061FF;
  --color-integration-linear-purple: #5E6AD2;
  --color-integration-slack-blue: #36C5F0;
  --color-integration-slack-green: #2EB67D;
  --color-integration-slack-red: #E01E5A;
  --color-integration-slack-yellow: #ECB22E;
  --color-integration-zapier-orange: #FF4A00;
  --color-market-huawei-red: #C91C2E;
  --color-payment-amex-blue: #006FCF;
  --color-payment-diners-blue: #0079BE;
  --color-payment-discover-orange: #FF6000;
  --color-payment-jcb-blue: #0E4C96;
  --color-payment-jcb-green: #008000;
  --color-payment-jcb-red: #CA0000;
  --color-payment-mastercard-orange: #FF5F00;
  --color-payment-mastercard-red: #EB001B;
  --color-payment-mastercard-yellow: #F79E1B;
  --color-payment-unionpay-teal: #006C75;
  --color-payment-visa-blue: #1434CB;
  --color-social-dribble-bg: #EA4C89;
  --color-social-dribble-bg_hover: #E62872;
  --color-social-dribble-fg: #ffffff;
  --color-social-facebook-bg: #1877F2;
  --color-social-facebook-bg_hover: #0C63D4;
  --color-social-figma-blue: #00B6FF;
  --color-social-figma-green: #24CB71;
  --color-social-figma-orange: #FF7237;
  --color-social-figma-purple: #874FFF;
  --color-social-figma-red: #FF3737;
  --color-social-google-blue: #4285F4;
  --color-social-google-green: #34A853;
  --color-social-google-red: #EA4335;
  --color-social-google-yellow: #FBBC04;
  --color-text-disabled: #a4a7ae;
  --color-text-placeholder: #d5d7da;
  --color-text-placeholder_subtle: #717680;
  --color-text-primary: #fdfdfd;
  --color-text-quaternary: #d5d7da;
  --color-text-secondary: #d5d7da;
  --color-text-secondary_hover: #fdfdfd;
  --color-text-tertiary: #e9eaeb;
  --color-text-tertiary_hover: #fafafa;
  --effect-backdrop_blur-lg: 16px;
  --effect-backdrop_blur-md: 8px;
  --effect-backdrop_blur-sm: 4px;
  --effect-focus_ring-default: 0 0 0 2px rgba(24, 29, 39, 1), 0 0 0 4px rgba(46, 144, 250, 1);
  --effect-focus_ring-error: 0 0 0 2px rgba(24, 29, 39, 1), 0 0 0 4px rgba(240, 68, 56, 1);
  --effect-shadow-glow_brand: 0 0 20px rgba(96, 165, 250, 0.40), 0 0 40px rgba(96, 165, 250, 0.15);
  --effect-shadow-glow_brand_strong: 0 0 30px rgba(96, 165, 250, 0.50), 0 0 60px rgba(96, 165, 250, 0.20);
  --effect-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.50), 0 0 0 1px rgba(255, 255, 255, 0.10);
  --effect-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.40), 0 0 0 1px rgba(255, 255, 255, 0.08);
  --effect-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --effect-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.60), 0 0 0 1px rgba(255, 255, 255, 0.12);
  --effect-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.30);
}