:root {
  --inet-blue-base:             #024799;
  --inet-blue-rgb:              2, 71, 153;
  --blue-dark-800:              #06427c;
  --inet-red-base:              #cc0e0e;
  --inet-red-rgb:               204, 14, 14;
  --grey-72:                    #727272;
  --grey-e2:                    #e2e2e2;
  --grey-f2:                    #E8EEF4;
  --yellow-status:              #D47B0A;
  --yellow-status-rgb:          212, 123, 10;
  --red-status-rgb:             185, 28, 28;
  --green-status-rgb:           14, 159, 110;
  --vi-color-primary:           #024799;
  --vi-color-accent:            #cc0e0e;
  --vi-color-accent-500:        #E8353C;
  --vi-color-accent-dark:       #FF7070;
  --vi-color-accent-rgb:        204, 14, 14;
  --vi-brand-cta-gradient:      linear-gradient(120deg, #cc0e0e 0%, #024799 100%);
  --vi-brand-cta-glow:          0 4px 16px rgba(204, 14, 14, 0.30), 0 4px 16px rgba(2, 71, 153, 0.18);
  --vi-color-success:           #0E9F6E;
  --vi-color-success-default:   #0E9F6E;
  --vi-color-warning:           #D47B0A;
  --vi-color-warning-default:   #D47B0A;
  --vi-color-error:             #B91C1C;
  --vi-color-error-default:     #B91C1C;
  --vi-color-info:              #8abdef;
  --vi-color-info-default:      #8abdef;
  --vi-color-primary-500:       #0582D4;
  --vi-color-primary-light:     #024799;
  --vi-color-primary-dark:      #66AAFF;
  --vi-color-primary-muted:     #5478A3;
  --vi-color-primary-50:        #8abdef;
  --vi-color-primary-100:       #7eb3e7;
  --vi-color-primary-200:       #72a8e0;
  --vi-color-primary-300:       #669ed8;
  --vi-color-primary-400:       #5a93d0;
  --vi-color-primary-scale-500: #4c88c8;
  --vi-color-primary-600:       #3f7cbf;
  --vi-color-primary-700:       #3170b7;
  --vi-color-primary-800:       #2363ae;
  --vi-color-primary-900:       #1256a4;
  --vi-color-primary-950:       #024799;
  --vi-color-primary-dark-50:   #619ee9;
  --vi-color-primary-dark-100:  #5996e1;
  --vi-color-primary-dark-200:  #528ed9;
  --vi-color-primary-dark-300:  #4a86d1;
  --vi-color-primary-dark-400:  #427ec8;
  --vi-color-primary-dark-500:  #3a76c0;
  --vi-color-primary-dark-600:  #316eb7;
  --vi-color-primary-dark-700:  #2965af;
  --vi-color-primary-dark-800:  #205ca5;
  --vi-color-primary-dark-900:  #17539c;
  --vi-color-primary-dark-950:  #0d4992;
  --vi-color-text-primary:      #0F1E2D;
  --vi-color-text-strong:       #424242;
  --vi-color-text-muted:        #525252;
  --vi-color-text-secondary:    #727272;
  --vi-color-text-disabled:     #8FA3B8;
  --vi-color-text-placeholder:  #8FA3B8;
  --vi-color-text-inverse:      #e0e0e0;
  --vi-color-text-link:         #024799;
  --vi-color-surface-background: #fff;
  --vi-color-surface-elevated:  #F4F7FA;
  --vi-color-surface-card:      #E8EEF4;
  --vi-color-surface-overlay:   rgba(0, 0, 0, 0.3);
  --vi-color-border-default:    #D0DAE6;
  --vi-color-border-subtle:     #E8EEF4;
  --vi-color-border-focus:      #024799;
  --vi-color-border-error:      #B91C1C;
  --vi-color-error-surface:     #FEF2F2;
  --vi-color-error-border:      #FECACA;
  --vi-color-error-text:        #991B1B;
  --vi-color-success-surface:   #ECFDF5;
  --vi-color-success-border:    #A7F3D0;
  --vi-color-success-text:      #065F46;
  --vi-color-warning-surface:   #FFFBEB;
  --vi-color-warning-border:    #FDE68A;
  --vi-color-warning-text:      #92400E;
  --vi-color-primary-light-rgb:    2, 71, 153;
  --vi-color-primary-500-rgb:      5, 130, 212;
  --vi-color-primary-muted-rgb:    84, 120, 163;
  --vi-color-warning-default-rgb:  212, 123, 10;
  --vi-color-warning-border-rgb:   253, 230, 138;
  --vi-color-text-primary-rgb:     15, 30, 45;
  --vi-color-info-surface:      #EFF6FF;
  --vi-color-info-border:       #BFDBFE;
  --vi-color-info-text:         #1E40AF;
  --vi-state-hover:             rgba(0, 0, 0, 0.04);
  --vi-state-focus:             rgba(5, 130, 212, 0.12);
  --vi-state-selected:          rgba(5, 130, 212, 0.08);
  --vi-state-pressed:           rgba(0, 0, 0, 0.08);
  --vi-state-disabled:          rgba(0, 0, 0, 0.12);
  --vi-color-glow-orange:       #ff7b00;
  --vi-color-glow-pink:         #ff00ff;
  --vi-color-glow-cyan:         #00ffff;
  --vi-color-gradient-start:    #0582D4;
  --vi-color-gradient-end:      #619ee9;
  --vi-space-xs:                0.25rem;
  --vi-space-sm:                0.5rem;
  --vi-space-md:                1rem;
  --vi-space-lg:                1.5rem;
  --vi-elevation-none:          none;
  --vi-elevation-sm:            0px 1px 2px rgba(0, 0, 0, .05);
  --vi-elevation-base:          0px 1px 3px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .06);
  --vi-elevation-md:            0px 4px 6px rgba(0, 0, 0, .1), 0px 2px 4px rgba(0, 0, 0, .06);
  --vi-elevation-lg:            0px 10px 15px rgba(0, 0, 0, .1), 0px 4px 6px rgba(0, 0, 0, .05);
  --vi-font-family:             -apple-system, BlinkMacSystemFont, 'Be Vietnam Pro', 'Segoe UI', Roboto, sans-serif;
  --vi-font-size-xs:            0.75rem;
  --vi-font-size-sm:            0.875rem;
  --vi-font-size-base:          1rem;
  --vi-font-size-lg:            1.125rem;
  --vi-neutral-50: #f6f6f6;
  --vi-neutral-100: #e7e7e7;
  --vi-neutral-200: #d1d1d1;
  --vi-neutral-300: #b0b0b0;
  --vi-neutral-400: #888888;
  --vi-neutral-500: #6d6d6d;
  --vi-neutral-600: #5d5d5d;
  --vi-neutral-700: #4f4f4f;
  --vi-neutral-800: #454545;
  --vi-neutral-900: #3d3d3d;
  --vi-neutral-950: #212121;
  --vi-primary-50: #f1f7fe;
  --vi-primary-100: #e3edfb;
  --vi-primary-200: #c0dbf7;
  --vi-primary-300: #89bdf0;
  --vi-primary-400: #499be7;
  --vi-primary-500: #227ed5;
  --vi-primary-700: #114f93;
  --vi-primary-800: #12447a;
  --vi-primary-900: #153a65;
  --vi-primary-950: #0e2543;
  --vi-palette-red-primary: #ec0a0a;
  --vi-palette-red-p-900: #d40000;
  --vi-palette-red-p-700: #fa1c10;
  --vi-palette-red-p-600: #ff2617;
  --vi-palette-red-p-500: #ff2e1b;
  --vi-palette-red-p-400: #ff593d;
  --vi-palette-red-p-300: #ff7c60;
  --vi-palette-red-p-200: #ffa38e;
  --vi-palette-red-p-100: #ffc8ba;
  --vi-palette-red-p-50: #fee8e7;
  --vi-palette-blue-primary: #0a6ccb;
  --vi-palette-blue-p-900: #2841a7;
  --vi-palette-blue-p-800: #2a60c8;
  --vi-palette-blue-p-700: #2c72db;
  --vi-palette-blue-p-600: #2d84ef;
  --vi-palette-blue-p-500: #2c92fe;
  --vi-palette-blue-p-300: #65b3ff;
  --vi-palette-blue-p-200: #91c8ff;
  --vi-palette-blue-p-100: #bcddff;
  --vi-palette-blue-p-50: #e3f2ff;
  --vi-palette-yellow-primary: #ffcc00;
  --vi-palette-yellow-p-900: #ff6d00;
  --vi-palette-yellow-p-800: #ff8f00;
  --vi-palette-yellow-p-700: #ffa100;
  --vi-palette-yellow-p-600: #ffb500;
  --vi-palette-yellow-p-500: #ffc300;
  --vi-palette-yellow-p-300: #ffd743;
  --vi-palette-yellow-p-200: #ffe17c;
  --vi-palette-yellow-p-100: #ffedb0;
  --vi-palette-yellow-p-50: #fff8e0;
  --vi-palette-brown-primary: #cf6b15;
  --vi-palette-green-primary: #09873b;
  --vi-palette-facebook: #1378f4;
  --vi-palette-chat-wg: #1890ff;
  --vi-color-primary:           #0582D4;
  --vi-color-primary-light:     #024799;
  --vi-color-primary-dark:      #66AAFF;
  --vi-color-primary-muted:     #5478A3;
  --vi-color-secondary-light:   #024799;
  --vi-color-secondary-dark:    #5b4964;
  --vi-color-accent:            #E8353C;
  --vi-color-accent-light:      #cc0e0e;
  --vi-color-accent-dark:       #FF7070;
  --vi-color-accent-origin:     #ED1C24;
  --vi-color-tech:              #22D3EE;
  --vi-color-neutral-50:        #F4F7FA;
  --vi-color-neutral-100:       #E8EEF4;
  --vi-color-neutral-200:       #D0DAE6;
  --vi-color-neutral-300:       #B0C2D4;
  --vi-color-neutral-400:       #8FA3B8;
  --vi-color-neutral-500:       #6D8599;
  --vi-color-neutral-600:       #4A6278;
  --vi-color-neutral-700:       #2E4A5C;
  --vi-color-neutral-800:       #1A2F40;
  --vi-color-neutral-900:       #0F1E2D;
  --vi-color-bg:                #F4F7FA;
  --vi-color-border:            #D0DAE6;
  --vi-color-subtle:            #4A6278;
  --vi-color-text:              #0F1E2D;
  --vi-color-dark-50:           #0D1117;
  --vi-color-dark-100:          #161B22;
  --vi-color-dark-200:          #21262D;
  --vi-color-dark-300:          #2D333B;
  --vi-color-dark-400:          #3D444D;
  --vi-color-dark-500:          #545D68;
  --vi-color-dark-600:          #768390;
  --vi-color-dark-700:          #8B949E;
  --vi-color-dark-800:          #B1BAC4;
  --vi-color-dark-900:          #E6EDF3;
  --vi-color-dark-bg:           #0D1117;
  --vi-color-dark-border:       #21262D;
  --vi-color-dark-subtle:       #8B949E;
  --vi-color-dark-text:         #E6EDF3;
  --vi-color-info-default:      #8abdef;
  --vi-color-info-surface:      #EFF6FF;
  --vi-color-info-border:       #BFDBFE;
  --vi-color-info-text:         #1E40AF;
  --vi-color-dark-info-default: #619ee9;
  --vi-color-dark-info-surface: #0A1628;
  --vi-color-dark-info-border:  #1E3A5F;
  --vi-color-dark-info-text:    #93C5FD;
  --vi-color-success-default:      #0E9F6E;
  --vi-color-success-surface:      #ECFDF5;
  --vi-color-success-border:       #A7F3D0;
  --vi-color-success-text:         #065F46;
  --vi-color-dark-success-default: #34D399;
  --vi-color-dark-success-surface: #0A2A1F;
  --vi-color-dark-success-border:  #064E3B;
  --vi-color-dark-success-text:    #34D399;
  --vi-color-warning-default:      #D47B0A;
  --vi-color-warning-surface:      #FFFBEB;
  --vi-color-warning-border:       #FDE68A;
  --vi-color-warning-text:         #92400E;
  --vi-color-dark-warning-default: #FBBF24;
  --vi-color-dark-warning-surface: #2A1F06;
  --vi-color-dark-warning-border:  #78350F;
  --vi-color-dark-warning-text:    #FBBF24;
  --vi-color-error-default:      #B91C1C;
  --vi-color-error-surface:      #FEF2F2;
  --vi-color-error-border:       #FECACA;
  --vi-color-error-text:         #991B1B;
  --vi-color-dark-error-default: #F87171;
  --vi-color-dark-error-surface: #450A0A;
  --vi-color-dark-error-border:  #7F1D1D;
  --vi-color-dark-error-text:    #FECACA;
  --vi-color-surface-bg:              #FFFFFF;
  --vi-color-surface-elevated:        #F4F7FA;
  --vi-color-surface-card:            #E8EEF4;
  --vi-color-surface-overlay:         rgba(0, 0, 0, 0.3);
  --vi-color-dark-surface-bg:         #121212;
  --vi-color-dark-surface-elevated:   #1e1e1e;
  --vi-color-dark-surface-card:       #2a2a2a;
  --vi-color-dark-surface-overlay:    rgba(0, 0, 0, 0.5);
  --vi-spacing-xs:              0.25rem;
  --vi-spacing-sm:              0.5rem;
  --vi-spacing-md:              1rem;
  --vi-spacing-lg:              1.5rem; }