/* CSS Variables for DHCS MESMD UI Library - auto-generated from SCSS */
:root {
  --dhcs-color-primary: #17315a;
  --dhcs-color-primary-dark: #0a1a2e;
  --dhcs-color-secondary: #2d6e8d;
  --dhcs-color-yellow: #fab033;
  --dhcs-color-orange: #e47224;

  --dhcs-color-text-primary: #1b1b1b;
  --dhcs-color-text-secondary: #474646;
  --dhcs-color-text-white: #ffffff;
  --dhcs-color-text-link: #2d6e8d;
  /* Visited inline link (Figma: text state) */
  --dhcs-color-text-link-visited: #7a3a7e;
  --dhcs-color-text-grey: #5f5e5e;

  --dhcs-color-bg-white: #ffffff;
  --dhcs-color-bg-canvas: #f4f8f9;
  --dhcs-color-bg-hover: #d9e0e7;
  --dhcs-color-bg-gray: #fcfcfc;
  --dhcs-color-bg-gray2: #f6f6f6;
  --dhcs-color-bg-grey-hover: #e5e2e1;
  --dhcs-color-bg-success-light: #e6f6f1;
  --dhcs-color-bg-error-light: #fce9e6;
  --dhcs-color-bg-warning-light: #fdf1e7;

  --dhcs-color-border-dark: #5f5e5e;
  --dhcs-color-border-medium: #adabaa;
  --dhcs-color-border-medium-alt: #bdbcbb;
  --dhcs-color-border-light: #969392;
  --dhcs-color-border-default: #e5e2e1;

  --dhcs-color-disabled-dark: #242730;
  --dhcs-color-disabled-light: #969392;

  --dhcs-color-status-informative: #17315a;
  --dhcs-color-status-success: #2e802d;
  --dhcs-color-status-success-alt: #039665;
  --dhcs-color-status-warning: #a34f0a;
  --dhcs-color-status-warning-alt: #d1650d;
  --dhcs-color-status-error: #cc0000;
  --dhcs-color-status-error-alt: #e60000;

  --dhcs-font-family-default: "Source Sans 3", "Helvetica", "Arial", sans-serif;
  --dhcs-font-family-heading: "Public Sans", "Helvetica", "Arial", sans-serif;

  --dhcs-font-title-h4-medium-family: "Public Sans", "Helvetica", "Arial", sans-serif;
  --dhcs-font-title-h4-medium-size: 16px;
  --dhcs-font-title-h4-medium-style: normal;
  --dhcs-font-title-h4-medium-weight: 700;
  --dhcs-font-title-h4-medium-line-height: 20px;

  --dhcs-spacing-sm: 8px;
  --dhcs-spacing-md: 16px;
  --dhcs-spacing-lg: 32px;
}