/**
 * Design tokens for navbar-mega-v2 (subset of main theme new-style/base.css).
 */
:root {
    --color-primary: #4F2B72;
    --color-brand-green: #1AC577;
    --color-brand-green-light: #F1FBF6;
    --color-green-light: #E8FFF5;
    --color-light-green: var(--color-green-light);
    --color-light-gray: #FBFBFB;
    --color-red: #FF7A7A;
    --color-error: var(--color-red);
    --color-purple: #E0D2ED;
    --color-light-purple: #FCF9FF;
    --color-dark-purple: var(--color-primary);
    --color-disable: #F5F7F9;

    --color-white: #ffffff;
    --color-muted: #777;
    --color-bg: #ffffff;
    --color-stroke: #EAEAEA;
    --color-purple-stroke: #E0D2ED;

    --color-text: #333;
    --color-text-primary: var(--color-primary);
    --color-text-secondary: #52575C;
    --color-text-light: #52575C;
    --color-text-mid: #52575C;
    --color-text-dark: #25282B;
    --color-text-placeholder: #A0A0A0;
    --color-link: #2F80ED;

    --background-gradient: linear-gradient(90deg, rgba(224, 210, 237, 0.1) -0.49%, rgba(255, 255, 255, 0.1) 100.21%);
    --border-radius: 8px;
    --border-radius-12: 12px;
    --container-width: 1240px;
}

/* Utilities from main new-style/base.css (insights theme does not load base.css) */
.text-bold {
    font-weight: 700 !important;
}

.text-size-16 {
    font-size: 16px;
}

.text-color-primary {
    color: var(--color-primary);
}

.mb-0 {
    margin-bottom: 0 !important;
}

.header-underline-green {
    position: relative;
    padding-bottom: 12px;
}

.header-underline-green::after {
    content: "";
    width: 58px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-brand-green);
}