/**
 * Do not edit directly
 * Generated on Mon, 02 Mar 2026 08:23:55 GMT
 */

:root {
  --uap-font-weight-black: 900;
  --uap-font-weight-extra-bold: 800;
  --uap-font-weight-bold: 700;
  --uap-font-weight-semi-bold: 600;
  --uap-font-weight-medium: 500;
  --uap-font-weight-regular: 400;
  --uap-font-weight-light: 300;
  --uap-font-weight-extra-light: 200;
  --uap-font-weight-thin: 100;
  --uap-font-size-xl: clamp(1.5rem, 1.5rem + 1vw, 2rem);
  --uap-font-size-lg: clamp(1.125rem, 1.125rem + 0.6vw, 1.375rem);
  --uap-font-size-base: clamp(1rem, 1rem + 0.5vw, 1.125rem);
  --uap-font-size-sm: clamp(0.875rem, 0.875rem + 0.35vw, 1rem);
  --uap-font-family-data: 'Inter', sans-serif; /* Reserved for data visualizations, tables, and numeric displays. */
  --uap-font-family-body: 'IBM Plex Sans', sans-serif; /* For all body text, UI elements, and general content. */
  --uap-font-family-heading: 'Neue Haas Grotesk Display Pro', sans-serif; /* For primary headlines and impactful titles. */
  --uap-spacing-800: 64px;
  --uap-spacing-700: 48px;
  --uap-spacing-600: 32px;
  --uap-spacing-500: 24px;
  --uap-spacing-400: 16px;
  --uap-spacing-300: 12px;
  --uap-spacing-200: 8px;
  --uap-spacing-100: 4px;
  --uap-spacing-50: 2px;
  --uap-spacing-0: 0px;
  --uap-component-card-border-width: 1px;
  --uap-component-button-line-height: 1.5;
  --uap-color-ui-feedback-info: #0dcaf0;
  --uap-color-ui-feedback-danger-hover: #b02a37;
  --uap-color-ui-feedback-danger-default: #dc3545;
  --uap-color-ui-feedback-warning: #ffc107;
  --uap-color-ui-feedback-success: #198754;
  --uap-color-ui-accent-secondary-subtle: #f1edf9;
  --uap-color-ui-accent-secondary-hover: #59359a;
  --uap-color-ui-accent-secondary-default: #6f42c1;
  --uap-color-ui-accent-primary-subtle: #e7f1ff;
  --uap-color-ui-accent-primary-hover: #0a58ca;
  --uap-color-ui-accent-primary-default: #0d6efd;
  --uap-color-ui-border-default: #ced4da;
  --uap-color-ui-text-subtle: #8a929e;
  --uap-color-ui-text-secondary: #606770;
  --uap-color-ui-text-primary: #1d2129;
  --uap-color-ui-background-offset: #f8f9fa;
  --uap-color-cartography-border: #bdbdbd;
  --uap-color-cartography-vegetation: #e5e8e1;
  --uap-color-cartography-urban: #d9d9d6;
  --uap-color-cartography-water: #c9dde8;
  --uap-color-cartography-land: #f5f3ef;
  --uap-color-charts-diverging-spectral5: #2c7fb8;
  --uap-color-charts-diverging-spectral4: #a6d96a;
  --uap-color-charts-diverging-spectral3: #ffffbf;
  --uap-color-charts-diverging-spectral2: #fdae61;
  --uap-color-charts-diverging-spectral1: #d53e4f;
  --uap-color-charts-diverging-redblue5: #2166ac;
  --uap-color-charts-diverging-redblue4: #92c5de;
  --uap-color-charts-diverging-redblue3: #f7f7f7;
  --uap-color-charts-diverging-redblue2: #f4a582;
  --uap-color-charts-diverging-redblue1: #b2182b;
  --uap-color-charts-sequential-blue5: #08519c;
  --uap-color-charts-sequential-blue4: #3182bd;
  --uap-color-charts-sequential-blue3: #6baed6;
  --uap-color-charts-sequential-blue2: #bdd7e7;
  --uap-color-charts-sequential-blue1: #eff3ff;
  --uap-color-charts-sequential-viridis5: #440154;
  --uap-color-charts-sequential-viridis4: #2a788e;
  --uap-color-charts-sequential-viridis3: #22a884;
  --uap-color-charts-sequential-viridis2: #7ad151;
  --uap-color-charts-sequential-viridis1: #fde725;
  --uap-color-charts-qualitative-10: #6a3d9a;
  --uap-color-charts-qualitative-9: #cab2d6;
  --uap-color-charts-qualitative-8: #ff7f00;
  --uap-color-charts-qualitative-7: #fdbf6f;
  --uap-color-charts-qualitative-6: #e31a1c;
  --uap-color-charts-qualitative-5: #fb9a99;
  --uap-color-charts-qualitative-4: #33a02c;
  --uap-color-charts-qualitative-3: #b2df8a;
  --uap-color-charts-qualitative-2: #1f78b4;
  --uap-color-charts-qualitative-1: #a6cee3;
  --uap-color-brand-grey: #e5e5e5;
  --uap-color-brand-white: #ffffff;
  --uap-color-brand-orange: #e5683c;
  --uap-color-brand-aqua: #31d2f2;
  --uap-color-brand-titanium: #b0b7bf;
  --uap-color-brand-midnight: #0a0a1a;
  --uap-font-family-sans: var(--uap-font-family-body); /* Compatibility alias for body text. */
  --uap-component-card-border-radius: var(--uap-spacing-200);
  --uap-component-card-padding: var(--uap-spacing-400);
  --uap-component-button-border-radius: var(--uap-spacing-200);
  --uap-component-button-font-weight: var(--uap-font-weight-medium);
  --uap-component-button-font-size: var(--uap-font-size-base);
  --uap-component-button-padding-x: var(--uap-spacing-400);
  --uap-component-button-padding-y: var(--uap-spacing-200);
  --uap-color-dataviz-context-text-label: var(--uap-color-ui-text-secondary);
  --uap-color-dataviz-context-grid-line: var(--uap-color-ui-border-default);
  --uap-color-dataviz-diverging-spectral5: var(--uap-color-charts-diverging-spectral5);
  --uap-color-dataviz-diverging-spectral4: var(--uap-color-charts-diverging-spectral4);
  --uap-color-dataviz-diverging-spectral3: var(--uap-color-charts-diverging-spectral3);
  --uap-color-dataviz-diverging-spectral2: var(--uap-color-charts-diverging-spectral2);
  --uap-color-dataviz-diverging-spectral1: var(--uap-color-charts-diverging-spectral1);
  --uap-color-dataviz-diverging-redblue5: var(--uap-color-charts-diverging-redblue5);
  --uap-color-dataviz-diverging-redblue4: var(--uap-color-charts-diverging-redblue4);
  --uap-color-dataviz-diverging-redblue3: var(--uap-color-charts-diverging-redblue3);
  --uap-color-dataviz-diverging-redblue2: var(--uap-color-charts-diverging-redblue2);
  --uap-color-dataviz-diverging-redblue1: var(--uap-color-charts-diverging-redblue1);
  --uap-color-dataviz-sequential-blue5: var(--uap-color-charts-sequential-blue5);
  --uap-color-dataviz-sequential-blue4: var(--uap-color-charts-sequential-blue4);
  --uap-color-dataviz-sequential-blue3: var(--uap-color-charts-sequential-blue3);
  --uap-color-dataviz-sequential-blue2: var(--uap-color-charts-sequential-blue2);
  --uap-color-dataviz-sequential-blue1: var(--uap-color-charts-sequential-blue1);
  --uap-color-dataviz-sequential-viridis5: var(--uap-color-charts-sequential-viridis5);
  --uap-color-dataviz-sequential-viridis4: var(--uap-color-charts-sequential-viridis4);
  --uap-color-dataviz-sequential-viridis3: var(--uap-color-charts-sequential-viridis3);
  --uap-color-dataviz-sequential-viridis2: var(--uap-color-charts-sequential-viridis2);
  --uap-color-dataviz-sequential-viridis1: var(--uap-color-charts-sequential-viridis1);
  --uap-color-dataviz-categorical-c10: var(--uap-color-charts-qualitative-10);
  --uap-color-dataviz-categorical-c9: var(--uap-color-charts-qualitative-9);
  --uap-color-dataviz-categorical-c8: var(--uap-color-charts-qualitative-8);
  --uap-color-dataviz-categorical-c7: var(--uap-color-charts-qualitative-7);
  --uap-color-dataviz-categorical-c6: var(--uap-color-charts-qualitative-6);
  --uap-color-dataviz-categorical-c5: var(--uap-color-charts-qualitative-5);
  --uap-color-dataviz-categorical-c4: var(--uap-color-charts-qualitative-4);
  --uap-color-dataviz-categorical-c3: var(--uap-color-charts-qualitative-3);
  --uap-color-dataviz-categorical-c2: var(--uap-color-charts-qualitative-2);
  --uap-color-dataviz-categorical-c1: var(--uap-color-charts-qualitative-1);
  --uap-color-typography-link-hover: var(--uap-color-ui-accent-primary-hover);
  --uap-color-typography-link-default: var(--uap-color-ui-accent-primary-default);
  --uap-color-typography-text-inverse: var(--uap-color-brand-white);
  --uap-color-typography-text-placeholder: var(--uap-color-ui-text-subtle);
  --uap-color-typography-text-subtle: var(--uap-color-ui-text-secondary);
  --uap-color-typography-text-default: var(--uap-color-ui-text-primary);
  --uap-color-interface-interactive-secondary-hover-bg: var(--uap-color-ui-accent-secondary-default);
  --uap-color-interface-interactive-secondary-text: var(--uap-color-ui-text-primary);
  --uap-color-interface-interactive-secondary-bg: var(--uap-color-ui-accent-secondary-subtle);
  --uap-color-interface-interactive-primary-hover-bg: var(--uap-color-ui-accent-primary-hover);
  --uap-color-interface-interactive-primary-text: var(--uap-color-brand-white);
  --uap-color-interface-interactive-primary-bg: var(--uap-color-ui-accent-primary-default);
  --uap-color-interface-border-focus: var(--uap-color-ui-accent-primary-default);
  --uap-color-interface-border-subtle: var(--uap-color-brand-grey);
  --uap-color-interface-border-default: var(--uap-color-ui-border-default);
  --uap-color-interface-background-muted: var(--uap-color-ui-background-offset);
  --uap-color-ui-background-default: var(--uap-color-brand-white);
  --uap-component-card-border-color: var(--uap-color-interface-border-subtle);
  --uap-color-interface-background-default: var(--uap-color-ui-background-default);
  --uap-component-card-background-color: var(--uap-color-interface-background-default);
}
