:root {
    --primary-font-size: 16px;
    --primary-border-radius: 8px;

    --background: #F1F2F6;
    --gray-primary: rgba(71, 84, 103, 1);
    --blue-primary: rgba(38, 182, 212, 1);
    --primary-dark: #132440;
    --primary-border-color: rgba(208, 213, 221, 1);
    --primary-gradient-background: linear-gradient(270deg, #26B6D4 0.38%, #7459A6 100.38%);

    /* Sidenav */
    --sidenav-from: #132440;
    --sidenav-to: #2E4D80;
    --sidenav-text: #FFFFFF;
    --sidenav-active: rgba(38, 182, 212, 1);
    --sidenav-active-text: #FFFFFF;
    --sidenav-label-text: rgba(255, 255, 255, 0.7);
    --sidenav-background: linear-gradient(355.1deg, #26B6D4 2.51%, #7459A6 52.5%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    --sidenav-divider: rgba(234, 236, 240, 0.4);
    --sidenav-email: rgba(255, 255, 255, 0.6);

    /* Tabs */
    --tab-text: #475467;
    --tab-text-active: #132440;
    --tab-background: #F3F7FA;
    --tab-background-active: #F3F7FA;
    --tab-border: rgba(209, 209, 209, 1);
    --tab-item-text: rgba(71, 84, 103, 0.7);
    --tab-item-border-active: rgba(38, 182, 212, 1);
    --tab-item-text-active: #132440;

    /* List item */
    --list-item-border: rgba(19, 36, 64, 0.1);
    --list-item-border-radius: 8px;
    --list-item-background: #FFFFFF;
    --list-item-active-background: rgba(39, 182, 212, 0.16);
    --list-item-border-active: rgba(36, 92, 104, 0.6);
    --list-item-label-text: #132440;
    --list-item-value-text: #132440;

    /* Dropdown menu */
    --dropdown-menu-background: #FFFFFF;
    --dropdown-menu-text: rgba(71, 84, 103, 1);
    --dropdown-menu-border: rgba(19, 36, 64, 0.1);
    --dropdown-menu-border-radius: 8px;

    /* Input */
    --input-border: rgba(19, 36, 64, 0.1);
    --input-border-radius: 8px;
    --input-text: #132440;
    --input-text-focus: #132440;
    --input-text-placeholder: rgba(19, 36, 64, 0.5);

    /* Select */
    --select-dropdown-toggle-background: white;
    --select-dropdown-toggle-background-disabled: #e9ecef;
    --select-dropdown-toggle-border-radius: 8px;
    --select-dropdown-toggle-border: rgba(19, 36, 64, 0.1);
    --select-dropdown-toggle-text: #132440;
    --select-dropdown-filter-option-text: #132440;
    --select-dropdown-item-text: rgba(19, 36, 64, 1);
    --select-dropdown-item-active-background: rgba(39, 182, 212, 0.16);
    --select-dropdown-item-active-border: rgba(36, 92, 104, 0.6);

    /* Checkbox */
    --checkbox-border: #d1d5db;
    --checkbox-background: white;
    --checkbox-border-radius: 4px;
    --checkbox-border-checked: rgba(38, 182, 212, 1);
    --checkbox-background-checked: rgba(38, 182, 212, 1);
    --checkbox-border-hover: rgba(38, 182, 212, 1);

    --white-background: rgba(250, 250, 250, 1);
    --secondary-background: rgba(0, 184, 238, 0.05);

    --radius-field: 8px;

    --green-primary: rgba(49, 166, 102, 1);
    --red-border: rgba(171, 0, 0, 1);
    --red-background: rgba(222, 106, 55, 0.05);
    --color-fg-primary: red;

    --auth-layout-mobile: rgba(25, 34, 46, 1);

    /* Empty state */
    --empty-state-background: rgba(228, 232, 237, 0.4);

    /* Primary button */
    --primary-button-background: rgba(38, 182, 212, 1);
    --primary-button-border: rgba(38, 182, 212, 1);
    --primary-button-text: rgba(255, 255, 255, 1);
    --primary-button-border-radius: 8px;

    /* Text button */
    --text-button-background: transparent;
    --text-button-text: rgba(19, 36, 64, 1);
    --text-button-border-radius: 8px;

    /* Outline button */
    --outline-button-background: white;
    --outline-button-text: rgba(19, 36, 64, 1);
    --outline-button-border: rgba(19, 36, 64, 0.04);
    --outline-button-border-radius: 8px;

    /* Icon */
    --icon-color: rgba(19, 36, 64, 0.4);
    --icon-hover-color: rgba(19, 36, 64, 1);
    --action-icon-color: rgba(255, 255, 255, 0.7);

    /* Card */
    --card-background: rgba(249, 250, 251, 1);
    --card-border: rgba(208, 213, 221, 1);
    --card-border-radius: 8px;
    --card-top-border-radius: 8px;
    --card-content-background: rgba(250, 250, 250, 1);
    --card-item-label-text: rgba(71, 84, 103, 1);

    /* Pagination */
    --pagination-border-radius: 8px;
    --pagination-background: transparent;
    --pagination-text-active: #F9FAFB;
    --pagination-text: rgba(71, 84, 103, 1);

    /* Form steps */
    --step-line-background: rgba(217, 217, 217, 1);
    --step-icon-background: rgba(250, 250, 250, 1);
    --step-icon-background-active: rgba(38, 182, 212, 1);
    --step-icon-background-complete: rgba(38, 182, 212, 1);
    --step-icon-text: #6c757d;
    --step-icon-text-active: #FFFFFF;
    --step-icon-text-complete: #FFFFFF;
    --step-icon-border: rgba(19, 36, 64, 0.1);
    --step-icon-border-active: rgba(38, 182, 212, 1);
    --step-icon-border-complete: rgba(38, 182, 212, 1);
    --step-icon-border-radius: 50%;
    --step-title-text: #6c757d;
    --step-notice-text: #adb5bd;
    --step-description-text: #adb5bd;

    /* Upload documents */
    --upload-documents-background: rgba(255, 255, 255, 0.4);
    --upload-documents-border: rgba(19, 36, 64, 0.5);
    --upload-documents-border-radius: 8px;
    --upload-documents-drag-over-background: rgba(33, 150, 243, 0.1);
    --upload-documents-drag-over-border: #2196f3;
    --upload-documents-file-info-background: #f5f5f5;

    /* Support tickets */
    --support-ticket-message-content-background: white;
    --support-ticket-message-content-support-background: linear-gradient(90.07deg, #132440 1.81%, #1E3355 35.54%, #2E4D80 50.06%);
    --support-ticket-message-content-border: rgba(19, 36, 64, 0.1);
    --support-ticket-message-content-border-radius: 8px;
    --support-ticket-message-content-text: rgba(71, 84, 103, 1);
    --support-ticket-message-content-span-text: rgba(71, 84, 103, 0.7);
    --support-ticket-message-content-support-span-text: rgba(255, 255, 255, 0.7);
    --support-ticket-message-content-avatar-text: white;
    --support-ticket-message-content-avatar-background: #D0D3D8;
    --support-ticket-message-content-support-avatar-background: linear-gradient(89.55deg, #132440 1.98%, #1E3355 56.56%, #2E4D80 99.61%);

    /* Info banner */
    --info-banner-border: rgba(36, 92, 104, 0.6);
    --info-banner-background: rgba(39, 182, 212, 0.16);
    --info-banner-border-radius: 8px;
}