/* UX-202: opt-in foundation. No remote fonts or global :root overrides. */
.md-system {
  --md-primary: #1559b7;
  --md-primary-hover: #104894;
  --md-primary-active: #103b76;
  --md-primary-soft: #eaf2ff;
  --md-secondary: #17324d;
  --md-secondary-hover: #244a6c;
  --md-secondary-soft: #eaf0f5;
  --md-accent: #176b6b;
  --md-accent-soft: #e7f4f2;
  --md-bg: #f5f7fa;
  --md-bg-subtle: #eef2f6;
  --md-surface: #ffffff;
  --md-surface-raised: #ffffff;
  --md-surface-muted: #f8fafc;
  --md-text: #182b3e;
  --md-text-secondary: #42576b;
  --md-text-muted: #586b7e;
  --md-text-inverse: #ffffff;
  --md-border: #d6dfe8;
  --md-border-strong: #8393a3;
  --md-border-focus: #1559b7;
  --md-success: #17633e;
  --md-success-soft: #e8f5ed;
  --md-warning: #80520c;
  --md-warning-soft: #fff4dc;
  --md-danger: #a52935;
  --md-danger-soft: #fff0f1;
  --md-info: #165b85;
  --md-info-soft: #eaf5fc;
  --md-focus-ring: 0 0 0 3px #ffffff, 0 0 0 5px #1559b7;
  --md-disabled-bg: #edf1f5;
  --md-disabled-text: #647586;
  --md-disabled-border: #d6dfe8;
  --md-shadow-sm: 0 2px 6px rgb(23 50 77 / 5%);
  --md-shadow-md: 0 8px 24px rgb(23 50 77 / 9%);
  --md-shadow-lg: 0 24px 64px rgb(23 50 77 / 18%);
  --md-radius-sm: 4px;
  --md-radius-md: 8px;
  --md-radius-lg: 12px;
  --md-radius-pill: 999px;
  --md-space-1: 4px;
  --md-space-2: 8px;
  --md-space-3: 12px;
  --md-space-4: 16px;
  --md-space-5: 20px;
  --md-space-6: 24px;
  --md-space-8: 32px;
  --md-space-10: 40px;
  --md-space-12: 48px;
  --md-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --md-font-brand: Georgia, "Times New Roman", serif;
  --md-font-mono: ui-monospace, Consolas, monospace;
  --md-font-display: 3rem;
  --md-font-h1: 2rem;
  --md-font-h2: 1.5rem;
  --md-font-h3: 1.125rem;
  --md-font-body: 1rem;
  --md-font-small: .875rem;
  --md-font-label: .875rem;
  --md-font-helper: .8125rem;
  --md-font-button: .875rem;
  --md-font-table: .875rem;
  --md-font-badge: .75rem;
  --md-weight-normal: 400;
  --md-weight-medium: 500;
  --md-weight-semibold: 600;
  --md-weight-bold: 700;
  --md-leading-tight: 1.15;
  --md-leading-heading: 1.3;
  --md-leading-body: 1.55;
  --md-tracking-eyebrow: .1em;
  --md-control-height: 44px;
  --md-control-small: 36px;
  --md-sidebar-width: 240px;
  --md-content-width: 1440px;
  --md-dialog-width: 560px;
  --md-layer-popup: 10;
  --md-layer-sticky: 20;
  --md-motion-fast: 120ms;
  --md-motion-slow: 1200ms;
  --md-overlay: rgb(12 29 46 / 55%);
  --md-sales: #914c22;
  --md-sales-soft: #fff0e4;
  --md-staffing: #176b6b;
  --md-staffing-soft: #e7f4f2;
  --md-research: #64449c;
  --md-research-soft: #f1ecfa;
}

/* UX-203A: approved UX-202C values, scoped to migrated app interiors. */
.md-system.md-interiors {
  --md-primary: #17324d;
  --md-primary-hover: #244a6c;
  --md-primary-active: #10263b;
  --md-primary-soft: #e8eef4;
  --md-bg: #f4f3ef;
  --md-bg-subtle: #eeefed;
  --md-surface-muted: #f7f8f8;
  --md-text: #213344;
  --md-text-secondary: #45596b;
  --md-text-muted: #596b7b;
  --md-border: #cdd5db;
  --md-border-strong: #81919e;
  --md-border-focus: #17324d;
  --md-shadow-sm: none;
  --md-shadow-md: 0 4px 12px rgb(23 50 77 / 7%);
  --md-radius-md: 6px;
  --md-radius-lg: 8px;
  --md-font-family: "MDU Shell Sans", "DM Sans", Arial, sans-serif;
  --md-font-brand: "MDU Shell Brand", Georgia, serif;
  --md-font-h1: 1.625rem;
  --md-font-h2: 1.125rem;
  --md-font-h3: 1rem;
  --md-font-body: .875rem;
  --md-font-small: .8125rem;
  --md-font-label: .8125rem;
  --md-font-table: .8125rem;
  --md-font-button: .8125rem;
  --md-leading-body: 1.45;
  --md-control-height: 36px;
  --md-control-small: 32px;
}