@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/plus-jakarta-sans-400.ttf") format("truetype");
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/plus-jakarta-sans-500.ttf") format("truetype");
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/plus-jakarta-sans-600.ttf") format("truetype");
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/plus-jakarta-sans-700.ttf") format("truetype");
}

:root {
  color-scheme: light;
  --ds-color-text-primary: #111827;
  --ds-color-text-secondary: #6b7280;
  --ds-color-border: #e5e7eb;
  --ds-color-border-shell: #e6e9ef;
  --ds-color-border-strong: #cbd5e1;
  --ds-color-surface: #ffffff;
  --ds-color-surface-subtle: #f3f4f6;
  --ds-color-danger: #dc2626;
  --ds-color-success: #15803d;
  --ds-color-success-soft: #ecfdf3;
  --ds-radius-sm: 8px;
  --ds-radius-md: 10px;
  --ds-radius-lg: 12px;
  --ds-radius-xl: 16px;
  --ds-radius-pill: 999px;
  --ds-control-md: 2.5rem;
  --context-primary: #2563eb;
  --context-primary-soft: #eef4ff;
  --context-primary-strong: #1d4ed8;
  --context-on-primary: #ffffff;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.z-context-facility {
  --context-primary: #0f766e;
  --context-primary-soft: #f0fdfa;
  --context-primary-strong: #115e59;
  --context-on-primary: #ffffff;
}

/* Closed typography scale for form sections. */
:root { --z-text-h2: 1.125rem; --z-text-body: .875rem; --z-text-caption: .75rem; }
.text-h2 { font-size: var(--z-text-h2); font-weight: 700; line-height: 1.3; }
.text-body { font-size: var(--z-text-body); font-weight: 400; line-height: 1.5; }