/* --- Global Design Tokens --- */
:root {
    --dig-color-primary: #183149;
    --dig-color-primary-light: #1a237e;
    --dig-color-secondary: #D9C8B7;
    --dig-color-accent: #C56F59;
    --dig-color-success: #28a745;
    --dig-color-warning: #ffc107;
    --dig-color-danger: #dc3545;
    --dig-color-info: #17a2b8;
    --dig-color-text: #292D30;
    --dig-color-text-muted: #6c757d;
    --dig-color-bg: #ffffff;
    --dig-color-bg-alt: #f7f7f7;
    --dig-color-border: #cccccc;
    --dig-color-focus-ring: rgba(37, 209, 219, 0.35);
    --dig-color-brand-text: #D9C8B7;
    --dig-color-canvas: #F7F3ED;
    --dig-color-surface: #FFFFFF;
    --dig-font-primary: Montserrat, system-ui, sans-serif;
    --dig-font-secondary: Montserrat, system-ui, sans-serif;
    --dig-font-size-base: clamp(1rem, 1.05vw + 0.1rem, 1.125rem);
    --dig-font-size-base-px: 18;
    --dig-surface-mode: solid;
    --dig-container-max-width: 1440px;
    --dig-text-max-width: 65ch;
    --dig-spacing-sm: clamp(0.75rem, 1vw + 0.1rem, 1rem);
    --dig-spacing-md: clamp(1.5rem, 2vw + 0.1rem, 2rem);
    --dig-spacing-lg: clamp(2.5rem, 4vw + 0.1rem, 3.5rem);
    --dig-radius-sm: 4px;
    --dig-radius-md: 8px;
    --dig-radius-lg: 12px;
    --dig-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
    --dig-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --dig-color-primary: #183149;
    --dig-color-primary-light: color-mix(in srgb, #183149 88%, white);
    --dig-color-primary-dark: color-mix(in srgb, #183149 88%, black);
    --dig-hue-primary: 209.39;
    --dig-saturation-primary: 50.52%;
    --dig-lightness-primary: 0.1902;
    --dig-color-secondary: #D9C8B7;
    --dig-color-secondary-light: color-mix(in srgb, #D9C8B7 88%, white);
    --dig-color-secondary-dark: color-mix(in srgb, #D9C8B7 88%, black);
    --dig-hue-secondary: 30;
    --dig-saturation-secondary: 30.91%;
    --dig-lightness-secondary: 0.7843;
    --dig-color-accent: #C56F59;
    --dig-color-accent-light: color-mix(in srgb, #C56F59 82%, white);
    --dig-color-accent-dark: color-mix(in srgb, #C56F59 82%, black);
    --dig-hue-accent: 12.22;
    --dig-saturation-accent: 48.21%;
    --dig-lightness-accent: 0.5608;
    --dig-font-primary: Montserrat, system-ui, sans-serif;
    --dig-font-secondary: Montserrat, system-ui, sans-serif;
    --dig-font-sans: Montserrat, system-ui, sans-serif;
    --dig-brand-system-version: 2;
    --dig-color-scheme: light;
    --dig-color-canvas: #F7F3ED;
    --dig-color-surface: #FFFFFF;
    --dig-color-on-primary: #FFFFFF;
    --dig-color-on-secondary: #292D30;
    --dig-color-on-accent: #000000;
    --dig-color-on-canvas: #292D30;
    --dig-color-on-surface: #292D30;
    --dig-color-bg: #F7F3ED;
    --dig-color-bg-alt: #FFFFFF;
    --dig-color-text: #292D30;
    --dig-color-text-muted: color-mix(in srgb, #292D30 68%, #F7F3ED);
    --dig-color-brand-text: #292D30;
    --dig-color-brand-text-muted: color-mix(in srgb, #292D30 68%, #F7F3ED);
    --dig-color-border: color-mix(in srgb, #292D30 18%, #F7F3ED);
    --dig-color-border-on-dark: color-mix(in srgb, #292D30 18%, transparent);
    --dig-color-surface-brand: #F7F3ED;
    --dig-color-surface-brand-elevated: #FFFFFF;
    --dig-color-surface-brand-soft: color-mix(in srgb, #183149 7%, #F7F3ED);
    --dig-color-surface-brand-subtle: color-mix(in srgb, #183149 3%, #F7F3ED);
    --dig-surface-page-solid: #F7F3ED;
    --dig-surface-page-gradient: linear-gradient(135deg, #F7F3ED, color-mix(in srgb, #183149 12%, #F7F3ED));
    --dig-surface-panel-solid: #FFFFFF;
    --dig-surface-panel-gradient: color-mix(in srgb, #FFFFFF 94%, #183149);
    --dig-surface-mode: solid;
    --dig-surface-page: var(--dig-surface-page-solid);
    --dig-surface-panel: var(--dig-surface-panel-solid);
    --dig-font-size-xs: clamp(12.375px, calc(11.88px + 0.12vw), 13.5px);
    --dig-font-size-small: clamp(14.625px, calc(14.04px + 0.16vw), 15.75px);
    --dig-font-size-base: clamp(16.875px, calc(16.2px + 0.18vw), 18px);
    --dig-font-size-large: clamp(19.125px, calc(18px + 0.25vw), 21.375px);
    --dig-font-size-h6: clamp(16.875px, calc(16.2px + 0.18vw), 18px);
    --dig-font-size-h5: clamp(19.125px, calc(18px + 0.3vw), 22.5px);
    --dig-font-size-h4: clamp(22.5px, calc(20.16px + 0.55vw), 29.25px);
    --dig-font-size-h3: clamp(27px, calc(23.04px + 0.9vw), 38.25px);
    --dig-font-size-h2: clamp(36px, calc(29.7px + 1.45vw), 54px);
    --dig-font-size-h1: clamp(49.5px, calc(38.7px + 2.45vw), 81px);
}