:root {
    --new-dark-blue: rgb(7, 39, 76); /* Updated Primary Dark Blue Color */
    --bright-sky-blue: #19a0fb; /* New Bright Sky Blue for Secondary Accents */
    --complementary-dark-blue: #2d3eb5; /* Complementary Shade of Dark Blue for Depth */
    --lighter-sky-blue: #6db3f7; /* Lighter Shade of Sky Blue for Highlights */
    --rich-dark-blue: #303f9f; /* Rich Dark Blue for Rich Backgrounds */
    --soft-sky-blue: #89c4f4; /* Soft Sky Blue for Soft Accents */
    --neutral-light: #f0f0f0; /* Light Neutral for Backgrounds */
    --neutral-dark: #202020; /* Dark Neutral for Text */

    --equidam-dark: var(--new-dark-blue);
    --equidam-light: var(--lighter-sky-blue);
    --equidam-primary: var(--complementary-dark-blue);
    --equidam-text: var(--neutral-dark);
}

#equidam-widget-container {    
    font-family: 'Muli', sans-serif;
  --background: 232 37% 100%;
  --foreground: 232 5% 10%;
  --card: 232 37% 100%;
  --card-foreground: 232 5% 15%;
  --popover: 232 37% 100%;
  --popover-foreground: 232 95% 10%;
  --primary: 232 53.6% 40.6%;
  --primary-foreground: 0 0% 100%;
  --secondary: 232 30% 90%;
  --secondary-foreground: 0 0% 0%;
  --muted: 194 30% 95%;
  --muted-foreground: 232 5% 40%;
  --accent: 194 30% 90%;
  --accent-foreground: 232 5% 15%;
  --destructive: 0 50% 50%;
  --destructive-foreground: 232 5% 100%;
  --border: 232 30% 82%;
  --input: 232 30% 50%;
  --ring: 232 53.6% 40.6%;
  --radius: 0.5rem;
}

#tenq-widget {
    /* Text and elements color */
    .dark-blue-color,
    .eq-select-tree-list-item-active,
    .eq-select-tree-list-item-selectable:hover,
    .eq-select-tree-list-item-active-icon,
    .eq-select-tree-list-item-divider,
    .header .widget-title,
    .header .widget-description,
    .stepper .step-button span,
    .questionnaire .questionnaire-title,
    .questionnaire .question-label,
    .questionnaire md-radio-group md-radio-button,
    .user-information .user-information-label,
    .estimate-text,
    .estimation-benchmark h3,
    .estimation-benchmark p,
    .estimate-initial .estimate-initial-title h4,
    .estimate-initial p,
    .mobile-title h3,
    .next-step h3,
    .next-step p,
    .no-data .questionnaire-description,
    md-radio-button.md-checked .md-off,
    .company-title,
    .more-details {
        color: var(--new-dark-blue) !important;
    }

    /* Custom title color */
    .questionnaire .questionnaire-title-custom {
        color: var(--neutral-light) !important;
    }

    /* Selected option color */
    md-select-menu md-content md-option[selected] {
        color: var(--new-dark-blue);
    }

    /* Index question background */
    .questionnaire .question-label .index-question::after {
        background: var(--bright-sky-blue);
    }

    /* Estimate gap color */
    .estimate-initial .estimate-gap {
        color: var(--bright-sky-blue);
    }

    /* Circle valuation box shadow */
    .circle-valuation {
        box-shadow: inset 0 0 0 12px var(--soft-sky-blue), 0 0 0 4px var(--neutral-light);
    }

    /* Selected tree item and radio button background */
    .eq-select-tree-item-selected,
    md-radio-button .md-on {
        background-color: var(--new-dark-blue);
    }

    /* Gradient background for CTA */
    .widget-cta .gradient-background-root {
        background-image: radial-gradient(circle, var(--complementary-dark-blue) 40%, var(--rich-dark-blue) 60%);
        border-radius: 8px;
    }

    /* Button backgrounds and text color */
    .questionnaire .questionnaire-button-next,
    .stepper .step-button button,
    .questionnaire .button-more-information {
        background: var(--complementary-dark-blue);
        color: white;
    }

    /* Input text color */
    input[type="number"],
    input[type="email"],
    input[type="password"],
    input[type="text"],
    input.eq-bordered-input[type="text"],
    input.financials-table[type="text"],
    input.balance-sheet-table[type="text"],
    input.thousands-separator[type="text"] {
        color: var(--neutral-dark);
    }

    /* Input label focus color */
    md-input-container.md-input-focused label:not(.md-no-float) {
        color: var(--new-dark-blue);
    }
}