/*https://themewagon.com/themes/tiya/*/

@font-face {
    font-family: 'DM Sans';
    src: url('/font/DMSans-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight: 100 1000;
    font-stretch: 25% 151%;
    font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('/font/DMSans-Italic-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight: 100 1000;
    font-stretch: 25% 151%;
    font-style: italic;
}

/*
@font-face {
    font-family: 'Raleway';
    src: url('/font/Raleway-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 1000;
    font-stretch: 25% 151%;
    font-style: normal;
}
*/

@font-face {
    font-family: 'Alegreya Sans SC';
    src: url('/font/AlegreyaSansSC-Medium.woff2') format('woff2');
    font-weight: 100 1000;
    font-stretch: 25% 151%;
    font-style: normal;
}

/*
@font-face {
    font-family: 'Playfair SC';
    src: url('/font/PlayfairDisplaySC-Regular.woff2') format('woff2');
}
*/

:root {
    /* --- 1. Core Bootstrap Color Palette --- */
    --bs-primary: #81B29A;
    --bs-primary-rgb: 129, 178, 154;

    --bs-secondary: #3D405B;
    --bs-secondary-rgb: 61, 64, 91;

    --bs-warning: #F2CC8F;
    --bs-danger: #E07A5F;
    --bs-info: #81B29A;

    --bs-light: #F4F1DE;
    --bs-dark: #000000;

    --white-color: #ffffff;

    /* --- 2. Semantic Surfaces & Text --- */
    --bs-body-bg: #191d3a;
    --bs-body-color: #717275; /* This matches your --p-color */
    --bs-emphasis-color: #3D405B;

    --bs-secondary-bg: #F4F1DE; /* Your section-bg-color */
    --bs-tertiary-bg: #fafafa;

    /* --- 3. Links & Interactivity --- */
    --bs-link-color: #81B29A;
    --bs-link-hover-color: #F2CC8F;
    --bs-border-color: #dee2e6;

    /* --- 4. Typography --- */
    --bs-body-font-family: 'DM Sans', sans-serif;

    /* --- 5. Custom Button Helpers (matching your hover colors) --- */
    --bs-primary-bg-subtle: #f2fae6;
    --bs-primary-border-subtle: #81B29A;
    --bs-primary-text-emphasis: #3D405B;
    --bs-btn-color: var(--white-color);

    /* Keeping your custom sizing variables for specific overrides */
    --h1-font-size: 42px;
    --h2-font-size: 36px;
    --h3-font-size: 28px;
    --h4-font-size: 24px;
    --h5-font-size: 22px;
    --h6-font-size: 20px;
    --p-font-size: 18px;

    --bs-heading-color: var(--bs-dark);

    --border-radius-large: 100px;
    --border-radius-medium: 20px;
    --border-radius-small: 10px;

    --custom-btn-bg-color: #F2CC8F;
    --custom-btn-bg-hover-color: #E07A5F;

    --bs-table-striped-bg: var(--bs-secondary-bg);

    /* used to compute ratio of font sizes */
    --fluid-ratio: 1vw;
}