:root{--ux-container: 100%;--ux-container-padding: 0.75rem;--ux-container-narrow: 720px;--ux-section-space: 30px;--ux-grid-gap: 15px;--ux-color-bg: #fff;--ux-color-text: #212529;--ux-color-bg-alt: color-mix(in srgb, var(--ux-color-text) 3%, var(--ux-color-bg));--ux-color-bg-inverse: var(--ux-color-text);--ux-color-text-inverse: var(--ux-color-bg);--ux-color-primary: #0d6efd;--ux-color-on-primary: #fff;--ux-color-secondary: #6c757d;--ux-color-on-secondary: #fff;--ux-color-success: #198754;--ux-color-warning: #ffc107;--ux-color-danger: #dc3545;--ux-font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ux-font-heading: var(--ux-font-body);--ux-font-size: 1rem;--ux-line-height: 1.5;--ux-font-size-h1: 2.5rem;--ux-font-size-h2: 2rem;--ux-font-size-h3: 1.75rem;--ux-font-size-h4: 1.5rem;--ux-font-size-h5: 1.25rem;--ux-font-size-h6: 1rem;--ux-font-weight-heading: 500;--ux-line-height-heading: 1.2;--ux-radius: 0.375rem;--ux-radius-sm: 0.25rem;--ux-radius-lg: 0.5rem;--ux-radius-pill: 50rem;--ux-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--ux-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);--ux-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);--ux-transition: 0.15s ease-in-out;--ux-button-bg: var(--ux-color-primary);--ux-button-color: var(--ux-color-on-primary);--ux-button-border-width: 0;--ux-button-border-color: transparent;--ux-button-radius: var(--ux-radius);--ux-button-padding: 0.5rem 1rem}@media(min-width: 576px){:root{--ux-container: 540px}}@media(min-width: 768px){:root{--ux-container: 720px}}@media(min-width: 992px){:root{--ux-container: 960px}}@media(min-width: 1200px){:root{--ux-container: 1140px}}@media(min-width: 1400px){:root{--ux-container: 1320px}}:root{--ux-container: 1280px;--ux-container-padding: 15px;--ux-color-bg: #fff;--ux-color-bg-alt: #efebe3;--ux-color-text: #202020;--ux-color-primary: #a32833;--ux-color-on-primary: #fff;--ux-color-secondary: #8a6a3a;--ux-font-body: "Roboto", "Helvetica Neue", Arial, sans-serif;--ux-font-heading: "Times New Roman", serif;--ux-font-size: 16px;--ux-radius: 15px;--body-bg-color: var(--ux-color-bg);--default-color: var(--ux-color-text);--primary-color: var(--ux-color-primary);--secondary-color: var(--ux-color-secondary);--secondary-bg: var(--ux-color-bg-alt);--default-font-size: var(--ux-font-size);--border-radius: var(--ux-radius);--scrollbar-color: color-mix(in srgb, var(--primary-color) 30%, transparent)}