@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/segoeuithis.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/segoeuithibd.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; }

/* Form controls do not inherit font-family by default — force the theme font everywhere */
button,
input,
select,
optgroup,
textarea,
.form-control,
.form-select,
.btn {
    font-family: inherit;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-family: var(--theme-font-family, 'Segoe UI', Tahoma, sans-serif);
    font-size: var(--ds-font-size-md);
    line-height: var(--ds-line-height);
    color: var(--theme-text, #111827);
    background: var(--theme-gradient-page, var(--theme-page-background, #f4f5f7));
    -webkit-font-smoothing: antialiased;
}

html[data-theme-shell] body {
    background: transparent;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--theme-heading-font-family, var(--theme-font-family));
    color: var(--theme-text, #111827);
    margin-top: 0;
}

a { color: var(--theme-primary, #c2185b); }
a:hover { color: var(--theme-primary-hover, #ad1457); }

img { max-width: 100%; height: auto; }

::selection {
    background: var(--theme-selection-background, #fbf0f6);
    color: var(--theme-text, #111827);
}