:root {
    --wolf-base-pure-black: #000000;
    --wolf-base-pure-white: #ffffff;
    --wolf-base-white-5: rgba(255, 255, 255, 0.05);
    --wolf-base-white-10: rgba(255, 255, 255, 0.1);
    --wolf-base-white-20: rgba(255, 255, 255, 0.2);
    --wolf-base-white-40: rgba(255, 255, 255, 0.4);
    --wolf-base-white-60: rgba(255, 255, 255, 0.6);
    --wolf-black-50: #f7f7f7;
    --wolf-black-100: #e5e5e5;
    --wolf-black-200: #cccccc;
    --wolf-black-300: #a3a3a3;
    --wolf-black-400: #737373;
    --wolf-black-500: #525252;
    --wolf-black-600: #404040;
    --wolf-black-700: #2b2b2b;
    --wolf-black-800: #1c1c1c;
    --wolf-black-900: #111111;
    --wolf-black-950: #080808;
    --wolf-blue-100: #dceeff;
    --wolf-blue-200: #b6daff;
    --wolf-blue-300: #82bfff;
    --wolf-blue-400: #4a9eff;
    --wolf-blue-500: #1683f8;
    --wolf-blue-600: #006ac7;
    --wolf-blue-700: #0055a3;
    --wolf-blue-800: #00417d;
    --wolf-blue-900: #002b55;
    --wolf-blue-950: #001a34;
    --wolf-red-100: #ffe0e1;
    --wolf-red-200: #ffb9bc;
    --wolf-red-300: #ff858a;
    --wolf-red-400: #f85d63;
    --wolf-red-500: #e5484d;
    --wolf-red-600: #c7353a;
    --wolf-red-700: #a5272c;
    --wolf-red-800: #7d1d21;
    --wolf-red-900: #551417;
    --wolf-red-950: #350b0d;
    --wolf-green-100: #d5f7e1;
    --wolf-green-200: #aaedc2;
    --wolf-green-300: #72db99;
    --wolf-green-400: #43ca79;
    --wolf-green-500: #22b866;
    --wolf-green-600: #199551;
    --wolf-green-700: #147a43;
    --wolf-green-800: #105f35;
    --wolf-green-900: #0b4225;
    --wolf-green-950: #062b18;
    --wolf-yellow-100: #fff5cc;
    --wolf-yellow-200: #ffe999;
    --wolf-yellow-300: #ffda66;
    --wolf-yellow-400: #ffc83d;
    --wolf-yellow-500: #f5b51b;
    --wolf-yellow-600: #d4940c;
    --wolf-yellow-700: #a87208;
    --wolf-yellow-800: #805606;
    --wolf-yellow-900: #563a04;
    --wolf-yellow-950: #342302;
    --wolf-orange-100: #ffe8d5;
    --wolf-orange-200: #ffcaa3;
    --wolf-orange-300: #ffa66b;
    --wolf-orange-400: #ff843d;
    --wolf-orange-500: #f56a16;
    --wolf-orange-600: #d6530a;
    --wolf-orange-700: #a94008;
    --wolf-orange-800: #803006;
    --wolf-orange-900: #572104;
    --wolf-orange-950: #351302;
    --wolf-gold-100: #f9efcf;
    --wolf-gold-200: #efdba1;
    --wolf-gold-300: #e2c36b;
    --wolf-gold-400: #d2a943;
    --wolf-gold-500: #c2922e;
    --wolf-gold-600: #a57622;
    --wolf-gold-700: #805a1b;
    --wolf-gold-800: #604315;
    --wolf-gold-900: #402d0e;
    --wolf-gold-950: #271b08;
    --wolf-primary-100: var(--wolf-blue-100);
    --wolf-primary-200: var(--wolf-blue-200);
    --wolf-primary-300: var(--wolf-blue-300);
    --wolf-primary-400: var(--wolf-blue-400);
    --wolf-primary-600: var(--wolf-blue-600);
    --wolf-primary-700: var(--wolf-blue-700);
    --wolf-primary-800: var(--wolf-blue-800);
    --wolf-primary-900: var(--wolf-blue-900);
    --wolf-primary-950: var(--wolf-blue-950);
    --wolf-primary-500: var(--wolf-blue-500);
    --wolf-error-100: var(--wolf-red-100);
    --wolf-error-200: var(--wolf-red-200);
    --wolf-error-300: var(--wolf-red-300);
    --wolf-error-400: var(--wolf-red-400);
    --wolf-error-600: var(--wolf-red-600);
    --wolf-error-700: var(--wolf-red-700);
    --wolf-error-800: var(--wolf-red-800);
    --wolf-error-900: var(--wolf-red-900);
    --wolf-error-950: var(--wolf-red-950);
    --wolf-error-500: var(--wolf-red-500);
    --wolf-success-100: var(--wolf-green-100);
    --wolf-success-200: var(--wolf-green-200);
    --wolf-success-300: var(--wolf-green-300);
    --wolf-success-400: var(--wolf-green-400);
    --wolf-success-600: var(--wolf-green-600);
    --wolf-success-700: var(--wolf-green-700);
    --wolf-success-800: var(--wolf-green-800);
    --wolf-success-900: var(--wolf-green-900);
    --wolf-success-950: var(--wolf-green-950);
    --wolf-success-500: var(--wolf-green-500);
    --wolf-warning-100: var(--wolf-yellow-100);
    --wolf-warning-200: var(--wolf-yellow-200);
    --wolf-warning-300: var(--wolf-yellow-300);
    --wolf-warning-400: var(--wolf-yellow-400);
    --wolf-warning-600: var(--wolf-yellow-600);
    --wolf-warning-700: var(--wolf-yellow-700);
    --wolf-warning-800: var(--wolf-yellow-800);
    --wolf-warning-900: var(--wolf-yellow-900);
    --wolf-warning-950: var(--wolf-yellow-950);
    --wolf-warning-500: var(--wolf-yellow-500);
    --wolf-attention-100: var(--wolf-orange-100);
    --wolf-attention-200: var(--wolf-orange-200);
    --wolf-attention-300: var(--wolf-orange-300);
    --wolf-attention-400: var(--wolf-orange-400);
    --wolf-attention-600: var(--wolf-orange-600);
    --wolf-attention-700: var(--wolf-orange-700);
    --wolf-attention-800: var(--wolf-orange-800);
    --wolf-attention-900: var(--wolf-orange-900);
    --wolf-attention-950: var(--wolf-orange-950);
    --wolf-attention-500: var(--wolf-orange-500);
    --wolf-accent-gold-100: var(--wolf-gold-100);
    --wolf-accent-gold-200: var(--wolf-gold-200);
    --wolf-accent-gold-300: var(--wolf-gold-300);
    --wolf-accent-gold-400: var(--wolf-gold-400);
    --wolf-accent-gold-600: var(--wolf-gold-600);
    --wolf-accent-gold-700: var(--wolf-gold-700);
    --wolf-accent-gold-800: var(--wolf-gold-800);
    --wolf-accent-gold-900: var(--wolf-gold-900);
    --wolf-accent-gold-950: var(--wolf-gold-950);
    --wolf-accent-gold-500: var(--wolf-gold-500);
    --wolf-background-page: var(--wolf-black-950);
    --wolf-background-section: var(--wolf-black-900);
    --wolf-background-elevated: var(--wolf-black-800);
    --wolf-background-overlay: var(--wolf-base-pure-black);
    --wolf-surface-default: var(--wolf-black-900);
    --wolf-surface-raised: var(--wolf-black-800);
    --wolf-surface-hover: var(--wolf-black-700);
    --wolf-surface-selected: var(--wolf-blue-950);
    --wolf-text-primary: var(--wolf-black-50);
    --wolf-text-secondary: var(--wolf-black-300);
    --wolf-text-tertiary: var(--wolf-black-400);
    --wolf-text-disabled: var(--wolf-black-500);
    --wolf-text-inverse: var(--wolf-base-pure-black);
    --wolf-text-link: var(--wolf-blue-400);
    --wolf-text-link-hover: var(--wolf-blue-300);
    --wolf-border-subtle: var(--wolf-black-800);
    --wolf-border-default: var(--wolf-black-600);
    --wolf-border-strong: var(--wolf-black-500);
    --wolf-border-focus: var(--wolf-blue-500);
    --wolf-button-primary-background: var(--wolf-blue-600);
    --wolf-button-primary-hover: var(--wolf-blue-500);
    --wolf-button-primary-pressed: var(--wolf-blue-700);
    --wolf-button-primary-text: var(--wolf-base-pure-white);
    --wolf-button-secondary-background: var(--wolf-black-900);
    --wolf-button-secondary-hover: var(--wolf-black-800);
    --wolf-button-secondary-border: var(--wolf-black-600);
    --wolf-button-secondary-text: var(--wolf-black-50);
    --wolf-status-success: var(--wolf-green-500);
    --wolf-status-success-background: var(--wolf-green-950);
    --wolf-status-warning: var(--wolf-yellow-500);
    --wolf-status-warning-background: var(--wolf-yellow-950);
    --wolf-status-error: var(--wolf-red-500);
    --wolf-status-error-background: var(--wolf-red-950);
    --wolf-status-attention: var(--wolf-orange-500);
    --wolf-status-attention-background: var(--wolf-orange-950);
    --wolf-gold-accent-default: var(--wolf-gold-500);
    --wolf-gold-accent-hover: var(--wolf-gold-400);
    --wolf-gold-accent-background: var(--wolf-gold-950);
    --wolf-font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --wolf-h1-size: 2.75rem;
    --wolf-h1-line-height: 3.75rem;
    --wolf-h1-weight: 600;
    --wolf-h1-tracking: -0.0525rem;
    --wolf-h2-size: 2.25rem;
    --wolf-h2-line-height: 3.125rem;
    --wolf-h2-weight: 600;
    --wolf-h2-tracking: -0.01125rem;
    --wolf-h3-size: 1.75rem;
    --wolf-h3-line-height: 1.875rem;
    --wolf-h3-weight: 600;
    --wolf-h3-tracking: 0;
    --wolf-h4-size: 1.375rem;
    --wolf-h4-line-height: 1.875rem;
    --wolf-h4-weight: 600;
    --wolf-h4-tracking: 0;
    --wolf-h5-size: 1.125rem;
    --wolf-h5-line-height: 1.625rem;
    --wolf-h5-weight: 600;
    --wolf-h5-tracking: 0;
    --wolf-subheading-1-size: 1.5rem;
    --wolf-subheading-1-line-height: 2.125rem;
    --wolf-subheading-1-weight: 500;
    --wolf-subheading-1-tracking: 0;
    --wolf-subheading-2-size: 1.25rem;
    --wolf-subheading-2-line-height: 1.875rem;
    --wolf-subheading-2-weight: 500;
    --wolf-subheading-2-tracking: 0;
    --wolf-subheading-3-size: 1.125rem;
    --wolf-subheading-3-line-height: 1.75rem;
    --wolf-subheading-3-weight: 500;
    --wolf-subheading-3-tracking: 0;
    --wolf-subheading-4-size: 1rem;
    --wolf-subheading-4-line-height: 1.5rem;
    --wolf-subheading-4-weight: 500;
    --wolf-subheading-4-tracking: 0;
    --wolf-subheading-5-size: 0.875rem;
    --wolf-subheading-5-line-height: 1.375rem;
    --wolf-subheading-5-weight: 500;
    --wolf-subheading-5-tracking: 0.004375rem;
    --wolf-subheading-6-size: 0.75rem;
    --wolf-subheading-6-line-height: 1.125rem;
    --wolf-subheading-6-weight: 500;
    --wolf-subheading-6-tracking: 0.0075rem;
    --wolf-body-large-size: 1.125rem;
    --wolf-body-large-line-height: 1.875rem;
    --wolf-body-large-weight: 400;
    --wolf-body-large-tracking: 0;
    --wolf-body-size: 1rem;
    --wolf-body-line-height: 1.625rem;
    --wolf-body-weight: 400;
    --wolf-body-tracking: 0;
    --wolf-body-small-size: 0.875rem;
    --wolf-body-small-line-height: 1.375rem;
    --wolf-body-small-weight: 400;
    --wolf-body-small-tracking: 0;
    --wolf-secondary-text-size: 0.875rem;
    --wolf-secondary-text-line-height: 1.25rem;
    --wolf-secondary-text-weight: 400;
    --wolf-secondary-text-tracking: 0;
    --wolf-caption-size: 0.75rem;
    --wolf-caption-line-height: 1.125rem;
    --wolf-caption-weight: 400;
    --wolf-caption-tracking: 0.00375rem;
    --wolf-link-large-size: 1rem;
    --wolf-link-large-line-height: 1.5rem;
    --wolf-link-large-weight: 500;
    --wolf-link-large-tracking: 0;
    --wolf-link-size: 0.875rem;
    --wolf-link-line-height: 1.25rem;
    --wolf-link-weight: 500;
    --wolf-link-tracking: 0;
    --wolf-button-large-size: 1.125rem;
    --wolf-button-large-line-height: 1.25rem;
    --wolf-button-large-weight: 500;
    --wolf-button-large-tracking: 0.005rem;
    --wolf-button-size: 0.875rem;
    --wolf-button-line-height: 1.125rem;
    --wolf-button-weight: 500;
    --wolf-button-tracking: 0.004375rem;
    --wolf-overline-label-size: 0.75rem;
    --wolf-overline-label-line-height: 1rem;
    --wolf-overline-label-weight: 600;
    --wolf-overline-label-tracking: 0.045rem;
}

@media (max-width: 991.98px) {
    :root {
        --wolf-h1-size: 2.5rem;
        --wolf-h1-line-height: 3.25rem;
        --wolf-h2-size: 2rem;
        --wolf-h4-line-height: 1.75rem;
        --wolf-subheading-1-size: 1.375rem;
        --wolf-subheading-1-line-height: 2rem;
}
}

@media (max-width: 767.98px) {
    :root {
        --wolf-h1-size: 2rem;
        --wolf-h1-line-height: 2.5rem;
        --wolf-h2-size: 1.75rem;
        --wolf-h2-line-height: 2.25rem;
        --wolf-h3-size: 1.5rem;
        --wolf-h3-line-height: 2rem;
        --wolf-h4-size: 1.25rem;
        --wolf-h4-line-height: 1.75rem;
        --wolf-subheading-1-size: 1.25rem;
        --wolf-subheading-1-line-height: 1.75rem;
        --wolf-subheading-2-size: 1.125rem;
        --wolf-subheading-2-line-height: 1.625rem;
        --wolf-subheading-3-size: 1rem;
        --wolf-subheading-3-line-height: 1.5rem;
}
}