/* ==== theme:start - generated from WebsitesThemes, do not edit ==== */
:root{
    --color-brand: #D2141B;
    --color-brand-dark: #9C0E13;
    --color-brand-light: #F03A40;
    --color-accent: #EFE4BE;
    --color-accent-dark: #C8A45C;
    --color-ink: #0B0F14;
    --color-ink-2: #151B23;
    --color-line: rgba(255,255,255,0.10);
    --color-border: #E3E6EA;
    --color-body: #1E242C;
    --color-muted: #6B7480;
    --color-surface: #FFFFFF;
    --color-surface-2: #F4F6F8;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-success: #1E9E5A;
    --color-warning: #E8A317;
    --font-heading: Poppins;
    --font-body: Inter;
    --font-weight-heading: 700;
    --font-weight-body: 400;
    --radius-sm: 0.5rem;
    --radius-md: 0.875rem;
    --radius-lg: 1.25rem;
    --radius-xl: 1.75rem;
    --radius-pill: 999px;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 5.5rem;
    --space-10: 7rem;
    --shadow-sm: 0 2px 8px rgba(11,15,20,0.06);
    --shadow-md: 0 12px 30px rgba(11,15,20,0.10);
    --shadow-lg: 0 24px 60px rgba(11,15,20,0.16);
    --shadow-brand: 0 14px 30px rgba(210,20,27,0.28);
    --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: 210, 20, 27;
    --bs-success: var(--color-success);
    --bs-success-rgb: 30, 158, 90;
    --bs-warning: var(--color-warning);
    --bs-warning-rgb: 232, 163, 23;
    --bs-body-color: var(--color-ink);
    --bs-body-color-rgb: 11, 15, 20;
    --bs-body-bg: var(--color-surface);
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-link-color: var(--color-brand);
    --bs-link-color-rgb: 210, 20, 27;
    --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 ==== */
