/* ===== DIBI Theme: global tokens, fonts, Bootstrap overrides ===== */
:root {
    /* Brand */
    --dibi-primary: #006c91;
    --dibi-secondary: #414d61;
    --dibi-success: #00a79d;
    --dibi-info: #92d6e3;
    --dibi-warning: #ffcc32;
    --dibi-danger: #f15f5c;
    --dibi-dark: #414042;

    /* Neutrals */
    --dibi-white: #ffffff;
    --dibi-black: #000000;
    --dibi-footer-light: #f1f1f1;
    --dibi-footer-dark: #414d61;

    /* Tints/utility */
    --dibi-primary-100: #e6f3f7;
    --dibi-success-100: #e7faf7;
    --dibi-info-100: #eaf7fb;

    /* Text/link */
    --dibi-text-on-dark: #ffffff;
    --dibi-text-on-light: #000000;
    --dibi-link: #006c91;
    --dibi-link-hover: #009abc;

    --dibi-radius: 0.75rem;
}

/* Bootstrap variable overrides (works without changing HTML) */
:root {
    --bs-primary: var(--dibi-primary);
    --bs-secondary: var(--dibi-secondary);
    --bs-success: var(--dibi-success);
    --bs-info: var(--dibi-info);
    --bs-warning: var(--dibi-warning);
    --bs-danger: var(--dibi-danger);
    --bs-dark: var(--dibi-dark);

    --bs-body-font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-color: var(--dibi-text-on-light);
    --bs-body-bg: var(--dibi-white);
    --bs-link-color: var(--dibi-link);
    --bs-link-hover-color: var(--dibi-link-hover);
    --bs-border-radius: var(--dibi-radius);
}

/* Global structure & typography overrides (no HTML changes needed) */
html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    scroll-behavior: smooth;
    font-family: var(--bs-body-font-family);
    color: var(--dibi-black);
    background: var(--dibi-white);
}

main {
    flex: 1;
}

/* Headings: prefer Verlag if you add it; otherwise Lato/system stack */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Verlag A", "Verlag B", "Verlag", 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 500;
    line-height: 1.2;
}

/* ---------------------------------------------
   GLOBAL LINK & BUTTON STYLE FOR DIBI THEME
----------------------------------------------*/

/* Anchor links */
a {
    color: #92d6e3;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover,
a:focus {
    color: var(--dibi-primary);
}

/* Base button style */
.btn {
    color: var(--dibi-primary);
    /* #006c91 */
    border-radius: 9999px !important;
    /* circular */
    border: 2px solid var(--dibi-primary);
    font-weight: 600;
    padding: 0.6rem 0.8rem;
    transition: all 0.25s ease;
}

/* Primary (filled) button */
.btn-primary {
    background-color: var(--dibi-primary);
    color: var(--dibi-text-on-dark);
    border-color: var(--dibi-primary);
}

.btn:hover,
.btn.active,
.btn:focus {
    background-color: var(--dibi-primary);
    border-color: var(--dibi-primary);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #fff;
    border-color: #004f6a;
    color: #004f6a;
}

/* Outline / contrast button (inverse) */
.btn-outline-primary {
    background-color: #fff;
    color: var(--dibi-primary);
    border-color: var(--dibi-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--dibi-primary);
    color: #fff;
    border-color: var(--dibi-primary);
}

/* Optional – smaller circular buttons for icon use */
.btn-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.1rem;
}

/* (Keep these for completeness, but they are overridden above with variables) */
.bg-primary-subtle {
    background: var(--dibi-primary-100) !important;
}

.bg-success-subtle {
    background: var(--dibi-success-100) !important;
}

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

.text-success {
    color: var(--dibi-success) !important;
}