:root {
    --number: normal 400 3rem/3.75rem "Noto Sans";
    --h1: normal 600 1.75rem/2.375rem "Noto Sans";
    --h2-600: normal 600 1.25rem/1.75rem "Noto Sans";
    --h2-400: normal 400 1.25rem/1.75rem "Noto Sans";
    --h3: normal 600 1rem/1.5rem "Noto Sans";
    --h4-700: normal 700 0.875rem/1.375rem "Noto Sans";
    --h4-600: normal 600 0.875rem/1.375rem "Noto Sans";
    --l1-700: normal 700 0.75rem/1rem "Noto Sans";
    --l1-600: normal 600 0.75rem/1rem "Noto Sans";
    --l1-400: normal 400 0.75rem/1rem "Noto Sans";
    --l2-600: normal 600 0.625rem/0.875rem "Noto Sans";
    --t1: normal 400 1rem/1.5rem "Noto Sans";
    --t1-italic: italic 400 1rem/1.5rem "Noto Sans";
    --t1-underline: normal 400 1rem/1.5rem "Noto Sans";
    --t2: normal 400 0.875rem/1.375rem "Noto Sans";
    --t2-italic: italic 400 0.875rem/1.375rem "Noto Sans";
    --t2-underline: normal 400 0.875rem/1.375rem "Noto Sans";

    --agent-adapter-header-height: 3.25rem;
    --agent-adapter-call-info-height: 10.25rem;
    --agent-adapter-footer-height: 2.375rem;
    --agent-adapter-sms-input-height: 3rem;

    --agent-color-background: #E0EEFA;
    --agent-color-green: #0C8938;
    --agent-color-grey: #767775;
    --agent-color-red: #DB3846;
    --agent-color-purple: #8F699B;
    --agent-color-yellow: #937205;
    --agent-color-brown: #D2471A;
    --agent-color-pink: #AC5D86;
    --agent-color-light-blue: #39808F;
    --agent-color-indigo: #0271F3;
    --agent-color-lime: #5B8221;
    --agent-color-blue-grey: #760F1F;
    --agent-color-light-slate-grey: #760F1F;
    --agent-color-deep-purple: #6E6EC1;

    --status-available: #0C8938;
    --status-offline: #767775;
    --status-unavailable: #DB3846;
    --status-wrapup: #8F699B;
    --status-break: #937205;
    --status-meal: #D2471A;
    --status-specialtask: #AC5D86;
    --status-incall: #39808F;
    --status-inchat: #0271F3;
    --status-unresponsive: #5B8221;
    --status-miessed-call-chat: #760F1F;
    --status-exceeded-wrapup: #760F1F;

    --green-10: #E7F8E9;
    --green-20: #D1F3D4;
    --green-30: #A8E0B3;
    --green-40: #7FCE8E;
    --green-50: #5AB462;
    --green-60: #43A44E;
    --green-70: #0C8938;
    --green-80: #17752C;
    --green-90: #10561F;
    --green-100: #0D441B;
    --green-110: #062D15;

    --gray-10: #F3F3F3;
    --gray-20: #EAEAEA;
    --gray-30: #D2D2D2;
    --gray-40: #BCBCBC;
    --gray-50: #A1A1A1;
    --gray-60: #919191;
    --gray-70: #767775;
    --gray-80: #656662;
    --gray-90: #4B4A49;
    --gray-100: #3A3B36;
    --gray-110: #232421;

    --red-10: #FFF0F0;
    --red-20: #FEE4E3;
    --red-30: #F9C6C7;
    --red-40: #F6A9A9;
    --red-50: #F57E7E;
    --red-60: #F16262;
    --red-70: #DB3846;
    --red-80: #C61C3C;
    --red-90: #92162D;
    --red-100: #760F1F;
    --red-110: #4B0816;

    --purple-10: #F7F3F4;
    --purple-20: #EFE7E9;
    --purple-30: #DACFDD;
    --purple-40: #CAB7CD;
    --purple-50: #B099BE;
    --purple-60: #A487AE;
    --purple-70: #8F699B;
    --purple-80: #8A5090;
    --purple-90: #69376E;
    --purple-100: #59265E;
    --purple-110: #34193A;

    --yellow-10: #FCF3DE;
    --yellow-20: #F8E9C4;
    --yellow-30: #F5CE7A;
    --yellow-40: #F0B234;
    --yellow-50: #D1970A;
    --yellow-60: #B78A08;
    --yellow-70: #937205;
    --yellow-80: #82600F;
    --yellow-90: #604603;
    --yellow-100: #503512;
    --yellow-110: #2E2201;

    --orange-10: #FBF1EF;
    --orange-20: #F8E7E0;
    --orange-30: #F5CAB2;
    --orange-40: #F1AE8A;
    --orange-50: #F58155;
    --orange-60: #F0663D;
    --orange-70: #D2471A;
    --orange-80: #B53C1C;
    --orange-90: #862B14;
    --orange-100: #6A230C;
    --orange-110: #441A01;

    --wine-10: #F8F2F6;
    --wine-20: #F3E7EE;
    --wine-30: #E6CBD9;
    --wine-40: #D6B3C8;
    --wine-50: #C593AE;
    --wine-60: #BE7E9D;
    --wine-70: #AC5D86;
    --wine-80: #974E6E;
    --wine-90: #753647;
    --wine-100: #642536;
    --wine-110: #421320;

    --turquoise-10: #EAF6F6;
    --turquoise-20: #DCEDEF;
    --turquoise-30: #B5D9E3;
    --turquoise-40: #8CC6D4;
    --turquoise-50: #57ADC1;
    --turquoise-60: #479CB0;
    --turquoise-70: #39808F;
    --turquoise-80: #306E79;
    --turquoise-90: #24505B;
    --turquoise-100: #1E3F48;
    --turquoise-110: #14262D;

    --lime-10: #EBF8D8;
    --lime-20: #DCF2BB;
    --lime-30: #AFE26C;
    --lime-40: #90CF32;
    --lime-50: #7BB12C;
    --lime-60: #6F9F28;
    --lime-70: #5B8221;
    --lime-80: #497026;
    --lime-90: #365213;
    --lime-100: #2A4109;
    --lime-110: #20260F;

    --blue-10: #EDF4FD;
    --blue-20: #DCECF9;
    --blue-30: #B7D7F0;
    --blue-40: #91C3E7;
    --blue-50: #91C3E7;
    --blue-60: #3498DB;
    --blue-70: #247BBF;
    --blue-80: #0A68B1;
    --blue-90: #0C4A8C;
    --blue-100: #043C6A;
    --blue-110: #03224F;

    --slate-blue-10: #F1F4F8;
    --slate-blue-20: #E5EBF0;
    --slate-blue-30: #C9D4DE;
    --slate-blue-40: #ADBFCF;
    --slate-blue-50: #8DA4B9;
    --slate-blue-60: #7994AD;
    --slate-blue-70: #5B7A95;
    --slate-blue-80: #4F6881;
    --slate-blue-90: #394C5F;
    --slate-blue-100: #303C45;
    --slate-blue-110: #1B252B;

    --azure-10: #E5F7FF;
    --azure-20: #CCEFFF;
    --azure-30: #99DBFF;
    --azure-40: #61C7FF;
    --azure-50: #00A9FF;
    --azure-60: #0094FF;
    --azure-70: #0271F3;
    --azure-80: #0062CD;
    --azure-90: #0238C5;
    --azure-100: #002E9A;
    --azure-110: #050E79;

    --violet-10: #F2F3F8;
    --violet-20: #E8E9F3;
    --violet-30: #CED1E8;
    --violet-40: #B8BADF;
    --violet-50: #9A9DD4;
    --violet-60: #888BD0;
    --violet-70: #6E6EC1;
    --violet-80: #5A5CB5;
    --violet-90: #3E428E;
    --violet-100: #30356E;
    --violet-110: #202042;

    --white-neutral: #FFFFFF;

    --black-neutral: #000000;
    --black-80: #212121;
    --black-neutral-80p: rgba(0, 0, 0, 0.8);

    /* Agent status */
    --status-available: var(--company-color-call-adapter-status-available, var(--green-70));
    --status-offline: var(--company-color-call-adapter-status-offline, var(--gray-70));
    --status-unavailable: var(--company-color-call-adapter-status-unavailable, var(--red-70));
    --status-wrapup: var(--company-color-call-adapter-status-wrapup, var(--purple-70));
    --status-break: var(--company-color-call-adapter-status-break, var(--yellow-70));
    --status-meal: var(--company-color-call-adapter-status-meal, var(--orange-70));
    --status-specialtask: var(--company-color-call-adapter-status-specialtask, var(--wine-70));
    --status-incall: var(--company-color-call-adapter-status-incall, var(--turquoise-70));
    --status-inchat: var(--company-color-call-adapter-status-inchat, var(--azure-70));
    --status-unresponsive: var(--company-color-call-adapter-status-unresponsive, var(--lime-70));
    --status-missed-call-chat: var(--company-color-call-adapter-status-missed-call-chat, var(--red-100));
    --status-exceeded-wrapup: var(--company-color-call-adapter-status-exceeded-wrapup, var(--red-100));
    --status-status-inemail: var(--company-color-call-adapter-status-status-inemail, var(--slate-blue-70));

    /* Backgrounds */
    --background-primary: var(--company-color-call-adapter-background-primary, var(--white-neutral));
    --background-primary-hover: var(--company-color-call-adapter-background-primary-hover, var(--gray-10));
    --background-primary-active: var(--company-color-call-adapter-background-primary-active, var(--blue-10));
    --background-primary-inactive: var(--company-color-call-adapter-background-primary-inactive, var(--gray-10));
    --background-secondary: var(--company-color-call-adapter-background-secondary, var(--blue-10));
    --background-tertiary: var(--company-color-call-adapter-background-tertiary, var(--gray-10));
    --background-viewer: var(--company-color-call-adapter-background-viewer, var(--black-neutral));
    --background-overlay: var(--company-color-call-adapter-background-overlay, var(--black-neutral-80p));
    --background-success: var(--company-color-call-adapter-background-success, var(--green-10));
    --background-error: var(--company-color-call-adapter-background-error, var(--red-10));
    --background-warning: var(--company-color-call-adapter-background-warning, var(--yellow-10));
    --background-information: var(--company-color-call-adapter-background-information, var(--gray-10));
    --background-status-default: var(--company-color-call-adapter-background-status-default, var(--blue-10));

    /* Borders */
    --border-primary: var(--company-color-call-adapter-border-primary, var(--gray-30));
    --border-secondary: var(--company-color-call-adapter-border-secondary, var(--gray-50));
    --border-error: var(--company-color-call-adapter-border-error, var(--red-30));
    --border-success: var(--company-color-call-adapter-border-success, var(--green-30));
    --border-warning: var(--company-color-call-adapter-border-warning, var(--yellow-30));
    --border-information: var(--company-color-call-adapter-border-information, var(--gray-30));
    --border-active: var(--company-color-call-adapter-border-active, var(--blue-80));

    /* Text */
    --text-primary: var(--company-color-call-adapter-text-primary, var(--gray-110));
    --text-secondary: var(--company-color-call-adapter-text-secondary, var(--gray-80));
    --text-primary-viewer: var(--company-color-call-adapter-text-primary-viewer, var(--white-neutral));
    --text-secondary-viewer: var(--company-color-call-adapter-text-secondary-viewer, var(--gray-40));
    --text-disabled: var(--company-color-call-adapter-text-disabled, var(--gray-40));
    --text-placeholder: var(--company-color-call-adapter-text-placeholder, var(--gray-80));
    --text-helper: var(--company-color-call-adapter-text-helper, var(--gray-110));
    --text-success: var(--company-color-call-adapter-text-success, var(--green-80));
    --text-error: var(--company-color-call-adapter-text-error, var(--red-80));
    --text-warning: var(--company-color-call-adapter-text-warning, var(--yellow-80));
    --text-information: var(--company-color-call-adapter-text-information, var(--gray-110));

    /* Icons */
    --icon-primary: var(--company-color-call-adapter-icon-primary, var(--gray-50));
    --icon-secondary: var(--company-color-call-adapter-icon-secondary, var(--gray-80));
    --icon-primary-viewer: var(--company-color-call-adapter-icon-primary-viewer, var(--white-neutral));
    --icon-secondary-viewer: var(--company-color-call-adapter-icon-secondary-viewer, var(--gray-40));
    --icon-interactive: var(--company-color-call-adapter-icon-interactive, var(--blue-80));
    --icon-disabled: var(--company-color-call-adapter-icon-disabled, var(--gray-40));
    --icon-success: var(--company-color-call-adapter-icon-success, var(--green-80));
    --icon-error: var(--company-color-call-adapter-icon-error, var(--red-80));
    --icon-warning: var(--company-color-call-adapter-icon-warning, var(--yellow-80));
    --icon-information: var(--company-color-call-adapter-icon-information, var(--gray-110));
    --icon-typing-off: var(--company-color-call-adapter-icon-typing-off, var(--gray-70));
    --icon-typing-on: var(--company-color-call-adapter-icon-typing-on, var(--gray-110));

    /* Link */
    --link: var(--company-color-call-adapter-link, var(--blue-80));
    --link-hover: var(--company-color-call-adapter-link-hover, var(--blue-100));
    --link-active: var(--company-color-call-adapter-link-active, var(--blue-110));
    --link-disabled: var(--company-color-call-adapter-link-disabled, var(--blue-40));
    --link-visited: var(--company-color-call-adapter-link-visited, var(--purple-80));
    --link-focused: var(--company-color-call-adapter-link-focused, var(--blue-100));
    --link-outline-focused: var(--company-color-call-adapter-link-outline-focused, var(--blue-100));
    --link-inline-focused: var(--company-color-call-adapter-link-inline-focused, var(--white-neutral));

    /* Buttons(Primary Button) */
    --button-primary-background: var(--company-color-call-adapter-button-primary-background, var(--blue-80));
    --button-primary-background-hover: var(--company-color-call-adapter-button-primary-background-hover, var(--blue-100));
    --button-primary-background-active: var(--company-color-call-adapter-button-primary-background-active, var(--blue-110));
    --button-primary-background-disabled: var(--company-color-call-adapter-button-primary-background-disabled, var(--blue-40));
    --button-primary-background-focused: var(--company-color-call-adapter-button-primary-background-focused, var(--blue-100));
    --button-primary-label: var(--company-color-call-adapter-button-primary-label, var(--white-neutral));
    --button-primary-label-hover: var(--company-color-call-adapter-button-primary-label-hover, var(--white-neutral));
    --button-primary-label-active: var(--company-color-call-adapter-button-primary-label-active, var(--white-neutral));
    --button-primary-label-disabled: var(--company-color-call-adapter-button-primary-label-disabled, var(--white-neutral));
    --button-primary-label-focused: var(--company-color-call-adapter-button-primary-label-focused, var(--white-neutral));
    --button-primary-outline-focused: var(--company-color-call-adapter-button-primary-outline-focused, var(--blue-100));
    --button-primary-inline-focused: var(--company-color-call-adapter-button-primary-inline-focused, var(--white-neutral));

    /* Buttons(Secondary Button) */
    --button-secondary-background: var(--company-color-call-adapter-button-secondary-background, var(--white-neutral));
    --button-secondary-background-hover: var(--company-color-call-adapter-button-secondary-background-hover, var(--blue-20));
    --button-secondary-background-active: var(--company-color-call-adapter-button-secondary-background-active, var(--blue-30));
    --button-secondary-background-disabled: var(--company-color-call-adapter-button-secondary-background-disabled, var(--white-neutral));
    --button-secondary-background-focused: var(--company-color-call-adapter-button-secondary-background-focused, var(--blue-20));
    --button-secondary-label: var(--company-color-call-adapter-button-secondary-label, var(--blue-80));
    --button-secondary-label-hover: var(--company-color-call-adapter-button-secondary-label-hover, var(--blue-100));
    --button-secondary-label-active: var(--company-color-call-adapter-button-secondary-label-active, var(--blue-110));
    --button-secondary-label-disabled: var(--company-color-call-adapter-button-secondary-label-disabled, var(--blue-40));
    --button-secondary-label-focused: var(--company-color-call-adapter-button-secondary-label-focused, var(--blue-100));
    --button-secondary-border: var(--company-color-call-adapter-button-secondary-border, var(--blue-80));
    --button-secondary-border-hover: var(--company-color-call-adapter-button-secondary-border-hover, var(--blue-100));
    --button-secondary-border-active: var(--company-color-call-adapter-button-secondary-border-active, var(--blue-110));
    --button-secondary-border-disabled: var(--company-color-call-adapter-button-secondary-border-disabled, var(--blue-40));
    --button-secondary-border-focused: var(--company-color-call-adapter-button-secondary-border-focused, var(--blue-100));
    --button-secondary-outline-focused: var(--company-color-call-adapter-button-secondary-outline-focused, var(--blue-100));
    --button-secondary-inline-focused: var(--company-color-call-adapter-button-secondary-inline-focused, var(--white-neutral));

    /* Buttons(Icon Button) */
    --button-icon-background: var(--company-color-call-adapter-button-icon-background, transparent);
    --button-icon-background-hover: var(--company-color-call-adapter-button-icon-background-hover, var(--blue-80));
    --button-icon-background-active: var(--company-color-call-adapter-button-icon-background-active, var(--blue-100));
    --button-icon-background-disabled: var(--company-color-call-adapter-button-icon-background-disabled, transparent);
    --button-icon-background-focused: var(--company-color-call-adapter-button-icon-background-focused, var(--blue-80));
    --button-icon-inverse-background: var(--company-color-call-adapter-button-icon-inverse-background, transparent);
    --button-icon-inverse-background-hover: var(--company-color-call-adapter-button-icon-inverse-background-hover, var(--white-neutral));
    --button-icon-inverse-background-active: var(--company-color-call-adapter-button-icon-inverse-background-active, var(--white-neutral));
    --button-icon-inverse-background-disabled: var(--company-color-call-adapter-button-icon-inverse-background-disabled, transparent);
    --button-icon-inverse-background-focused: var(--company-color-call-adapter-button-icon-inverse-background-focused, var(--white-neutral));
    --button-icon-label: var(--company-color-call-adapter-button-icon-label, var(--gray-80));
    --button-icon-label-hover: var(--company-color-call-adapter-button-icon-label-hover, var(--white-neutral));
    --button-icon-label-active: var(--company-color-call-adapter-button-icon-label-active, var(--white-neutral));
    --button-icon-label-disabled: var(--company-color-call-adapter-button-icon-label-disabled, var(--gray-40));
    --button-icon-label-focused: var(--company-color-call-adapter-button-icon-label-focused, var(--white-neutral));
    --button-icon-inverse-label: var(--company-color-call-adapter-button-icon-inverse-label, var(--white-neutral));
    --button-icon-inverse-label-hover: var(--company-color-call-adapter-button-icon-inverse-label-hover, var(--gray-80));
    --button-icon-inverse-label-active: var(--company-color-call-adapter-button-icon-inverse-label-active, var(--gray-80));
    --button-icon-inverse-label-disabled: var(--company-color-call-adapter-button-icon-inverse-label-disabled, var(--gray-40));
    --button-icon-inverse-label-focused: var(--company-color-call-adapter-button-icon-inverse-label-focused, var(--gray-80));
    --button-icon-border: var(--company-color-call-adapter-button-icon-border, var(--gray-30));
    --button-icon-border-hover: var(--company-color-call-adapter-button-icon-border-hover, var(--blue-80));
    --button-icon-border-active: var(--company-color-call-adapter-button-icon-border-active, var(--blue-100));
    --button-icon-border-disabled: var(--company-color-call-adapter-button-icon-border-disabled, var(--gray-30));
    --button-icon-border-focused: var(--company-color-call-adapter-button-icon-border-focused, var(--blue-80));
    --button-icon-outline-focused: var(--company-color-call-adapter-button-icon-outline-focused, var(--blue-80));
    --button-icon-inline-focused: var(--company-color-call-adapter-button-icon-inline-focused, var(--white-neutral));
    --button-icon-inverse-outline-focused: var(--company-color-call-adapter-button-icon-inverse-outline-focused, var(--white-neutral));
    --button-icon-inverse-inline-focused: var(--company-color-call-adapter-button-icon-inverse-inline-focused, var(--gray-80));

    /* Buttons(Hazard Button) */
    --button-hazard-background: var(--company-color-call-adapter-button-hazard-background, var(--red-80));
    --button-hazard-background-hover: var(--company-color-call-adapter-button-hazard-background-hover, var(--red-100));
    --button-hazard-background-active: var(--company-color-call-adapter-button-hazard-background-active, var(--red-110));
    --button-hazard-background-disabled: var(--company-color-call-adapter-button-hazard-background-disabled, var(--red-40));
    --button-hazard-background-focused: var(--company-color-call-adapter-button-hazard-background-focused, var(--red-100));
    --button-hazard-label: var(--company-color-call-adapter-button-hazard-label, var(--white-neutral));
    --button-hazard-label-hover: var(--company-color-call-adapter-button-hazard-label-hover, var(--white-neutral));
    --button-hazard-label-active: var(--company-color-call-adapter-button-hazard-label-active, var(--white-neutral));
    --button-hazard-label-disabled: var(--company-color-call-adapter-button-hazard-label-disabled, var(--white-neutral));
    --button-hazard-label-focused: var(--company-color-call-adapter-button-hazard-label-focused, var(--white-neutral));
    --button-hazard-outline-focused: var(--company-color-call-adapter-button-hazard-outline-focused, var(--red-100));
    --button-hazard-inline-focused: var(--company-color-call-adapter-button-hazard-inline-focused, var(--white-neutral));

    --button-success-background: var(--company-color-call-adapter-button-success-background, var(--green-80));
    --button-success-background-hover: var(--company-color-call-adapter-button-success-background-hover, var(--green-100));
    --button-success-background-active: var(--company-color-call-adapter-button-success-background-active, var(--green-110));
    --button-success-background-disabled: var(--company-color-call-adapter-button-success-background-disabled var(--green-40));
    --button-success-label: var(--company-color-call-adapter-button-success-label, var(--white-neutral));
    --button-success-label-hover: var(--company-color-call-adapter-button-success-label-hover, var(--white-neutral));
    --button-success-label-active: var(--company-color-call-adapter-button-success-label-active, var(--white-neutral));
    --button-success-label-disabled: var(--company-color-call-adapter-button-success-label-disabled, var(--white-neutral));

    /* Navigation */
    --navigation-label: var(--company-color-call-adapter-navigation-label, var(--gray-80));
    --navigation-label-active: var(--company-color-call-adapter-navigation-label-active, var(--gray-110));
    --navigation-label-status: var(--company-color-call-adapter-navigation-label-status, var(--white-neutral));
    --navigation-action: var(--company-color-call-adapter-navigation-action, var(--blue-80));
    --navigation-border: var(--company-color-call-adapter-navigation-border, var(--white-neutral));
    --navigation-border-active: var(--company-color-call-adapter-navigation-border-active, var(--blue-80));

    /* Badge */
    --badge-background: var(--company-color-call-adapter-badge-background, var(--blue-80));
    --badge-label: var(--company-color-call-adapter-badge-label, var(--white-neutral));
    --badge-video-background: var(--company-color-call-adapter-badge-video-background, var(--black-neutral-80p));
    --badge-video-label: var(--company-color-call-adapter-badge-video-label, var(--white-neutral));

    /* Scrollbar */
    --scrollbar: var(--company-color-call-adapter-scrollbar, var(--gray-80));

    /* Loader */
    --loader-unfilled: var(--company-color-call-adapter-loader-unfilled, var(--gray-20));
    --loader-filled: var(--company-color-call-adapter-loader-filled, var(--blue-80));
    --loader-inverse-unfilled: var(--company-color-call-adapter-loader-inverse-unfilled, var(--gray-90));
    --loader-inverse-filled: var(--company-color-call-adapter-loader-inverse-filled, var(--blue-40));

    /* Tab */
    --tab-label: var(--company-color-call-adapter-tab-label, var(--gray-80));
    --tab-label-active: var(--company-color-call-adapter-tab-label-active, var(--gray-110));
    --tab-lit: var(--company-color-call-adapter-tab-lit, transparent);
    --tab-lit-active: var(--company-color-call-adapter-tab-lit-active, var(--blue-110));
    --tab-lit-hover: var(--company-color-call-adapter-tab-lit-hover, var(--blue-80));

    /* Tab - Combined Adapter */
    --tab-adapter-background: var(--company-color-call-adapter-tab-adapter-background, var(--white-neutral));
    --tab-adapter-background-hover: var(--company-color-call-adapter-tab-adapter-background-hover, var(--blue-80));
    --tab-adapter-background-active: var(--company-color-call-adapter-tab-adapter-background-active, var(--blue-20));
    --tab-adapter-background-disabled: var(--company-color-call-adapter-tab-adapter-background-disabled, var(--white-neutral));
    --tab-adapter-label: var(--company-color-call-adapter-tab-adapter-label, var(--blue-110));
    --tab-adapter-label-hover: var(--company-color-call-adapter-tab-adapter-label-hover, var(--white-neutral));
    --tab-adapter-label-active: var(--company-color-call-adapter-tab-adapter-label-active, var(--blue-110));
    --tab-adapter-label-disabled: var(--company-color-call-adapter-tab-adapter-label-disabled, var(--blue-40));

    /* Form Input */
    --form-background: var(--company-color-call-adapter-form-background, var(--white-neutral));
    --form-background-active: var(--company-color-call-adapter-form-background-active, var(--white-neutral));
    --form-background-disabled: var(--company-color-call-adapter-form-background-disabled, var(--gray-10));
    --form-background-error: var(--company-color-call-adapter-form-background-error, var(--white-neutral));
    --form-border: var(--company-color-call-adapter-form-border, var(--gray-80));
    --form-border-active: var(--company-color-call-adapter-form-border-active, var(--blue-80));
    --form-border-disabled: var(--company-color-call-adapter-form-border-disabled, var(--gray-80));
    --form-border-error: var(--company-color-call-adapter-form-border-error, var(--red-80));
    --form-label: var(--company-color-call-adapter-form-label, var(--gray-110));
    --form-label-active: var(--company-color-call-adapter-form-label-active, var(--gray-110));
    --form-label-disabled: var(--company-color-call-adapter-form-label-disabled, var(--gray-80));
    --form-label-error: var(--company-color-call-adapter-form-label-error, var(--gray-110));
    --form-text: var(--company-color-call-adapter-form-text, var(--gray-110));
    --form-text-active: var(--company-color-call-adapter-form-text-active, var(--gray-110));
    --form-text-disabled: var(--company-color-call-adapter-form-text-disabled, var(--gray-80));
    --form-text-error: var(--company-color-call-adapter-form-text-error, var(--gray-110));
    --form-icon: var(--company-color-call-adapter-form-icon, var(--gray-110));
    --form-icon-active: var(--company-color-call-adapter-form-icon-active, var(--gray-110));
    --form-icon-disabled: var(--company-color-call-adapter-form-icon-disabled, var(--gray-80));
    --form-icon-error: var(--company-color-call-adapter-form-icon-error, var(--gray-110));
    --form-select-background: var(--company-color-call-adapter-form-select-background, var(--white-neutral));
    --form-select-background-hover: var(--company-color-call-adapter-form-select-background-hover, var(--gray-20));
    --form-select-background-active: var(--company-color-call-adapter-form-select-background-active, var(--gray-30));
    --form-select-background-disabled: var(--company-color-call-adapter-form-select-background-disabled, var(--gray-10));
    --form-select-background-error: var(--company-color-call-adapter-form-select-background-error, var(--white-neutral));

    /* Tracks */
    --track-unfilled: var(--company-color-call-adapter-track-unfilled, var(--gray-30));
    --track-filled: var(--company-color-call-adapter-track-filled, var(--gray-110));
    --track-unfilled-viewer: var(--company-color-call-adapter-track-unfilled-viewer, var(--gray-70));
    --track-filled-viewer: var(--company-color-call-adapter-track-filled-viewer, var(--white-neutral));

    /* Buttons(Tab Button) */
    --button-tab-background: var(--company-color-call-adapter-button-tab-background, var(--white-neutral));
    --button-tab-background-hover: var(--company-color-call-adapter-button-tab-background-hover, var(--blue-80));
    --button-tab-background-active: var(--company-color-call-adapter-button-tab-background-active, var(--blue-100));
    --button-tab-background-focused: var(--company-color-call-adapter-button-tab-background-hover, var(--blue-80));
    --button-tab-border: var(--company-color-call-adapter-button-tab-border, var(--gray-30));
    --button-tab-border-hover: var(--company-color-call-adapter-button-tab-border-hover, var(--blue-80));
    --button-tab-border-active: var(--company-color-call-adapter-button-tab-border-active, var(--blue-100));
    --button-tab-label: var(--company-color-call-adapter-button-tab-label, var(--gray-110));
    --button-tab-label-hover: var(--company-color-call-adapter-button-tab-label-hover, var(--white-neutral));
    --button-tab-label-active: var(--company-color-call-adapter-button-tab-label-active, var(--white-neutral));
    --button-tab-label-focused: var(--company-color-call-adapter-button-tab-label-focused, var(--white-neutral));
    --button-tab-outline-focused: var(--company-color-call-adapter-button-tab-outline-focused, var(--blue-80));
    --button-tab-inline-focused: var(--company-color-call-adapter-button-tab-inline-focused, var(--white-neutral));

    /* Toggle */
    --toggle-background: var(--company-color-call-adapter-toggle-background, var(--white-neutral));
    --toggle-background-active: var(--company-color-call-adapter-toggle-background-active, var(--blue-80));
    --toggle-border: var(--company-color-call-adapter-toggle-border, var(--gray-80));
    --toggle-border-active: var(--company-color-call-adapter-toggle-border-active, var(--blue-80));
    --toggle-thumb: var(--company-color-call-adapter-toggle-thumb, var(--gray-80));
    --toggle-thumb-active: var(--company-color-call-adapter-toggle-thumb-active, var(--white-neutral));

    /* Radio */
    --radio-background: var(--company-color-call-adapter-radio-background, var(--white-neutral));
    --radio-background-active: var(--company-color-call-adapter-radio-background-active, var(--white-neutral));
    --radio-border: var(--company-color-call-adapter-radio-border, var(--gray-80));
    --radio-border-active: var(--company-color-call-adapter-radio-border-active, var(--blue-80));
    --radio-thumb: var(--company-color-call-adapter-radio-thumb, var(--white-neutral));
    --radio-thumb-active: var(--company-color-call-adapter-radio-thumb-active, var(--blue-80));

    /* Chat Button */
    --chat-bubble-outbound: var(--company-color-call-adapter-chat-bubble-outbound, var(--blue-20));
    --chat-bubble-text-outbound: var(--company-color-call-adapter-chat-bubble-text-outbound, var(--gray-110));
    --chat-bubble-inbound: var(--company-color-call-adapter-chat-bubble-inbound, var(--gray-20));
    --chat-bubble-text-inbound: var(--company-color-call-adapter-chat-bubble-text-inbound, var(--gray-110));
    --chat-bubble-preview: var(--company-color-call-adapter-chat-bubble-preview, var(--white-neutral));
    --chat-bubble-border-preview: var(--company-color-call-adapter-chat-bubble-border-preview, var(--gray-110));
    --chat-bubble-text-preview: var(--company-color-call-adapter-chat-bubble-text-preview, var(--gray-110));
    --chat-bubble-virtual-agent: var(--company-color-call-adapter-chat-bubble-virtual-agent, var(--white-neutral));
    --chat-bubble-border-virtual-agent: var(--company-color-call-adapter-chat-bubble-border-virtual-agent, var(--blue-90));
    --chat-bubble-text-virtual-agent: var(--company-color-call-adapter-chat-bubble-text-virtual-agent, var(--gray-110));
    --chat-bubble-error: var(--company-color-call-adapter-chat-bubble-error, var(--red-20));
    --chat-bubble-text-error: var(--company-color-call-adapter-chat-bubble-text-error, var(--gray-110));

    /* Tooltip */
    --tooltip-text: var(--company-color-call-adapter-tooltip-text, var(--white-neutral));
    --tooltip-background: var(--company-color-call-adapter-tooltip-background, var(--slate-blue-110));

    /* Tag */
    --tag-background: var(--company-color-call-adapter-tag-background, var(--white-neutral));
    --tag-background-hover: var(--company-color-call-adapter-tag-background-hover, var(--blue-80));
    --tag-background-active: var(--company-color-call-adapter-tag-background-active, var(--blue-100));
    --tag-border: var(--company-color-call-adapter-tag-border, var(--gray-30));
    --tag-border-hover: var(--company-color-call-adapter-tag-border-hover, var(--blue-80));
    --tag-border-active: var(--company-color-call-adapter-tag-border-active, var(--blue-100));
    --tag-label: var(--company-color-call-adapter-tag-label, var(--gray-110));
    --tag-label-hover: var(--company-color-call-adapter-tag-label-hover, var(--white-neutral));
    --tag-label-active: var(--company-color-call-adapter-tag-label-active, var(--white-neutral));

    /* Checkbox */
    --checkbox-background: var(--company-color-call-adapter-checkbox-background, var(--white-neutral));
    --checkbox-background-active: var(--company-color-call-adapter-checkbox-background-active, var(--blue-80));
    --checkbox-background-active-disabled: var(--company-color-call-adapter-checkbox-background-active-disabled, var(--blue-40));
    --checkbox-background-disabled: var(--company-color-call-adapter-checkbox-background-disabled, var(--white-neutral));
    --checkbox-background-error: var(--company-color-call-adapter-checkbox-background-error, var(--white-neutral));
    --checkbox-border: var(--company-color-call-adapter-checkbox-border, var(--gray-80));
    --checkbox-border-active: var(--company-color-call-adapter-checkbox-border-active, var(--blue-80));
    --checkbox-border-active-disabled: var(--company-color-call-adapter-checkbox-border-active-disabled, var(--blue-40));
    --checkbox-border-disabled: var(--company-color-call-adapter-checkbox-border-disabled, var(--gray-40));
    --checkbox-border-error: var(--company-color-call-adapter-checkbox-border-error, var(--red-80));
    --checkbox-icon: var(--company-color-call-adapter-checkbox-icon, var(--gray-80));
    --checkbox-icon-active: var(--company-color-call-adapter-checkbox-icon-active, var(--white-neutral));
    --checkbox-icon-active-disabled: var(--company-color-call-adapter-checkbox-icon-active-disabled, var(--white-neutral));
    --checkbox-icon-disabled: var(--company-color-call-adapter-checkbox-icon-disabled, var(--gray-40));
  }