/* ==== theme:start - generated from WebsitesThemes, do not edit ==== */
:root{
    --color-brand: #e42d29;
    --color-brand-dark: #c01d1a;
    --color-brand-light: #fdecea;
    --color-accent: #232323;
    --color-accent-dark: #101010;
    --color-ink: #1b1b1b;
    --color-ink-2: #262626;
    --color-line: #e4e4e4;
    --color-border: #e4e4e4;
    --color-body: #6c6c6c;
    --color-muted: #8d8d8d;
    --color-surface: #ffffff;
    --color-surface-2: #f7f7f7;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-success: #2eab55;
    --color-warning: #f0a500;
    --font-heading: 'PT Serif', Georgia, 'Times New Roman', serif;
    --font-body: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    --font-weight-heading: 700;
    --font-weight-body: 400;
    --radius-sm: 2px;
    --radius-md: 3px;
    --radius-lg: 4px;
    --radius-xl: 6px;
    --radius-pill: 50rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 2.5rem;
    --space-8: 3.5rem;
    --space-9: 5rem;
    --space-10: 7rem;
    --shadow-sm: 0 2px 6px rgba(0,0,0,0.06);
    --shadow-md: 0 8px 24px rgba(0,0,0,0.09);
    --shadow-lg: 0 18px 44px rgba(0,0,0,0.12);
    --shadow-brand: 0 10px 26px rgba(228,45,41,0.30);
    --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: 228, 45, 41;
    --bs-success: var(--color-success);
    --bs-success-rgb: 46, 171, 85;
    --bs-warning: var(--color-warning);
    --bs-warning-rgb: 240, 165, 0;
    --bs-body-color: var(--color-ink);
    --bs-body-color-rgb: 27, 27, 27;
    --bs-body-bg: var(--color-surface);
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-link-color: var(--color-brand);
    --bs-link-color-rgb: 228, 45, 41;
    --bs-border-color: var(--color-border);
    --bs-link-hover-color: var(--color-brand-dark);
    --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-dark); --bs-btn-hover-border-color: var(--color-brand-dark); --bs-btn-active-bg: var(--color-brand-dark); --bs-btn-active-border-color: var(--color-brand-dark); --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 ==== */
