:root {
    /* ===== Base Colors ===== */
    --azure-core: #1278C1; /* Honolulu Blue */
    --harbor-blue: #064066; /* Indigo Dye */
    --deep-teal: #000214; /* Rich Black */
    --black-olive: #444342; /* Black Olive */
    --battleship-gray-1: #85827E; /* Battleship Gray (darker) */
    --battleship-gray-2: #A29C92; /* Battleship Gray (lighter) */
    --ash-gray: #C5CDC2; /* Ash Gray */
    --isabelline: #F4F1EA; /* Isabelline */
    --seasalt: #FAF9F7; /* Seasalt */
    --white: #FFFFFF; /* White */
    /**********************************/
    /* ===== Twinkle Color Mapping ===== */
    --tw-color-1: var(--azure-core);
    --tw-color-2: var(--harbor-blue);
    --tw-color-3: var(--deep-teal);
    --tw-color-4: var(--black-olive);
    --tw-color-5: var(--battleship-gray-1);
    --tw-color-6: var(--battleship-gray-2);
    --tw-color-7: var(--ash-gray);
    --tw-color-8: var(--isabelline);
    --tw-color-9: var(--seasalt);
    --tw-color-0: var(--white);
    /**********************************/
    /* ===== Shadows & Alphas (using deep teal as base) ===== */
    --deep-teal-hsl: 195deg 69% 13%;
    --tw-color-dark001: hsl(var(--deep-teal-hsl) / 0.01);
    --tw-color-dark0025: hsl(var(--deep-teal-hsl) / 0.025);
    --tw-color-dark01: hsl(var(--deep-teal-hsl) / 0.1);
    --tw-color-dark02: hsl(var(--deep-teal-hsl) / 0.2);
    --tw-color-dark03: hsl(var(--deep-teal-hsl) / 0.3);
    --tw-color-dark04: hsl(var(--deep-teal-hsl) / 0.4);
    --tw-color-dark05: hsl(var(--deep-teal-hsl) / 0.5);
    --tw-color-dark06: hsl(var(--deep-teal-hsl) / 0.6);
    --tw-color-dark07: hsl(var(--deep-teal-hsl) / 0.7);
    --tw-color-dark08: hsl(var(--deep-teal-hsl) / 0.8);
    --tw-color-dark09: hsl(var(--deep-teal-hsl) / 0.9);
    --tw-color-backdrop: var(--tw-color-dark07);
    --tw-color-stripe: var(--tw-color-dark0025);
    /**********************************/
    /* ===== Shadows ===== */
    --tw-shadow-1: 0 1.4px 2.2px hsl(var(--deep-teal-hsl) / 0.008), 0 3.35px 5.3px hsl(var(--deep-teal-hsl) / 0.012), 0 6.25px 10px hsl(var(--deep-teal-hsl) / 0.015);
    --tw-shadow-2: 0 1.4px 2.2px hsl(var(--deep-teal-hsl) / 0.016), 0 3.35px 5.3px hsl(var(--deep-teal-hsl) / 0.024), 0 6.25px 10px hsl(var(--deep-teal-hsl) / 0.030), 0 11.15px 17.9px hsl(var(--deep-teal-hsl) / 0.036), 0 20px 33.4px hsl(var(--deep-teal-hsl) / 0.042), 0 50px 80px hsl(var(--deep-teal-hsl) / 0.06);
}

/********* FONTS **********/
/*@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@300;400;500;600;700&display=swap');

.tw-body, html, .widget-body h1, h2, h3, h4, h5 {
    font-family: 'Catamaran', sans-serif !important;
}*/

.tw-layout-access .tw-form-container {
    padding-top: 56px;
}
    .tw-layout-master .tw-product-logo {
    background: var(--tw-color-1);
}

.tw-main {
    background: var(--tw-color-9);
}

.tw-menu-item:hover > a {
    background: var(--tw-color-8);
    color: var(--tw-color-3);
}

.tw-dropdown a:hover {
    background: var(--tw-color-8);
    color: var(--tw-color-3);
}


.tw-layout-access .tw-client-logo {
    height: auto;
    width: auto;
    max-width: 180px;
    margin: 0 auto;
    display: block;
    margin: 24px auto 16px;
}

.tw-welcome {
    display: none;
}

.tw-layout-access .tw-page-footer {
    position: relative;
    padding: 24px 0 0 0;
}

/********* QUESTION WRAPPER WIDGET **********/

.questions-wrapper .tw-check input[type="checkbox"] {
    width: 24px !important;
    height: 24px !important;
}
.questions-wrapper .tw-check input[type="checkbox"]::before {
    width: 12px;
    height: 12px;
}