/*
 * DTE UI Contract v1.1
 *
 * Keep the three plugin copies byte-identical. This is intentionally a tiny
 * token layer, not a framework: each plugin remains independently deployable.
 */
:root {
  --dte-ui-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dte-ui-color-canvas: #f6f8fb;
  --dte-ui-color-surface: #ffffff;
  --dte-ui-color-surface-subtle: #eaf5fb;
  --dte-ui-color-navy: #123044;
  --dte-ui-color-blue: #075985;
  --dte-ui-color-blue-dark: #064b70;
  --dte-ui-color-blue-active: #043b57;
  --dte-ui-color-sky: #d8edf8;
  --dte-ui-color-ink: #17222b;
  --dte-ui-color-muted: #526779;
  --dte-ui-color-line: #d6e2ea;
  --dte-ui-color-soft: #eaf5fb;
  --dte-ui-color-success: #166534;
  --dte-ui-color-success-soft: #ecfdf3;
  --dte-ui-color-danger: #b42318;
  --dte-ui-color-danger-soft: #fff4f2;
  --dte-ui-color-warning: #b54708;
  --dte-ui-color-warning-soft: #fff7e6;
  --dte-ui-color-warning-line: #f2cf8b;
  --dte-ui-color-disabled: #e3eaf0;
  --dte-ui-color-disabled-ink: #526779;
  --dte-ui-space-1: .5rem;
  --dte-ui-space-2: .75rem;
  --dte-ui-space-3: 1rem;
  --dte-ui-space-4: 1.5rem;
  --dte-ui-space-5: 2rem;
  --dte-ui-radius-control: .875rem;
  --dte-ui-radius-card: 1.125rem;
  --dte-ui-shadow-card: 0 8px 24px rgba(16, 42, 67, .08);
  --dte-ui-shadow-control: 0 1px 2px rgba(16, 42, 67, .08);
  --dte-ui-container: 67.5rem;
  --dte-ui-page-gutter: 1rem;
  --dte-ui-control-height: 3.125rem;
  --dte-ui-focus-ring: 0 0 0 3px #ffffff, 0 0 0 6px #075985;
  --dte-ui-focus-ring-on-dark: 0 0 0 3px #123044, 0 0 0 6px #ffffff;
}