/* ==== theme:start - generated from WebsitesThemes, do not edit ==== */
:root{
    --color-brand: #f0a22b;
    --color-brand-light: #ffb648;
    --color-ink: #11151b;
    --color-ink-2: #1b212a;
    --color-body: #3f4855;
    --color-muted: #79838f;
    --color-line: #e6e9ee;
    --color-surface: #ffffff;
    --color-surface-2: #f5f7fa;
    --color-on-brand: #11151b;
    --color-on-dark: #ffffff;
    --color-on-dark-muted: rgba(255,255,255,0.66);
    --color-on-dark-line: rgba(255,255,255,0.14);
    --color-on-dark-fill: rgba(255,255,255,0.08);
    --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-heading: 'Oswald', 'Poppins', system-ui, -apple-system, sans-serif;
    --radius-sm: 3px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-pill: 999px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 40px;
    --space-6: 72px;
    --space-7: 104px;
    --shadow-sm: 0 2px 8px rgba(17,21,27,0.06);
    --shadow-md: 0 10px 30px rgba(17,21,27,0.10);
    --shadow-lg: 0 24px 60px rgba(17,21,27,0.22);
    --container-max: 1200px;
}

/* a block with a picture or a video behind its content */
.dsg-media-block{ position:relative; overflow:hidden; }
.dsg-media-block > .dsg-media{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.dsg-media-block > .dsg-media-overlay{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; }
.dsg-media-block > .dsg-media-content{ position:relative; z-index:2; }

/* bootstrap reads these at runtime, so the whole framework follows the tokens */
:root{
    --bs-primary: var(--color-brand);
    --bs-primary-rgb: 240, 162, 43;
    --bs-body-color: var(--color-ink);
    --bs-body-color-rgb: 17, 21, 27;
    --bs-body-bg: var(--color-surface);
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-link-color: var(--color-brand);
    --bs-link-color-rgb: 240, 162, 43;
    --bs-border-radius: var(--radius-md);
    --bs-border-radius-sm: var(--radius-sm);
    --bs-border-radius-lg: var(--radius-lg);
    --bs-border-radius-pill: var(--radius-pill);
    --bs-body-font-family: var(--font-body);
    --bs-box-shadow: var(--shadow-md);
    --bs-box-shadow-sm: var(--shadow-sm);
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ font-family: var(--font-heading); }
.btn-primary{ --bs-btn-bg: var(--color-brand); --bs-btn-border-color: var(--color-brand); --bs-btn-hover-bg: var(--color-brand); --bs-btn-hover-border-color: var(--color-brand); --bs-btn-active-bg: var(--color-brand); --bs-btn-active-border-color: var(--color-brand); --bs-btn-disabled-bg: var(--color-brand); --bs-btn-disabled-border-color: var(--color-brand); }
.btn-outline-primary{ --bs-btn-color: var(--color-brand); --bs-btn-border-color: var(--color-brand); --bs-btn-hover-bg: var(--color-brand); --bs-btn-hover-border-color: var(--color-brand); --bs-btn-active-bg: var(--color-brand); --bs-btn-active-border-color: var(--color-brand); }
/* ==== theme:end ==== */