:root,
:host {
  --cedar-font-family: "CEDAR Roboto", "Helvetica Neue", sans-serif;
  --cedar-font-weight-regular: 400;
  --cedar-font-weight-medium: 500;
  --cedar-font-size-small: 12px;
  --cedar-font-size: 14px;
  --cedar-font-size-large: 18px;
  --cedar-font-size-artifact-title: clamp(20px, 3cqi, 26px);
  --cedar-line-height-heading: 1.25;
  --cedar-line-height-tight: 1;
  --cedar-color-primary: #0f7686;
  --cedar-color-primary-strong: #0b6373;
  --cedar-color-on-primary: #ffffff;
  --cedar-text-primary: rgba(0, 0, 0, 0.87);
  --cedar-text-muted: #555;
  --cedar-text-title: #173f3e;
  --cedar-border-rule: #d7e0df;
  --cedar-control-border-default: rgba(0, 0, 0, 0.38);
  --cedar-surface-raised: #ffffff;
  --cedar-surface-subtle: #f4f6f6;
  --cedar-surface-selected: #e4f1f1;
  --cedar-status-error-text: #b42318;
  --cedar-status-error-surface: #fef3f2;
  --cedar-status-warning-text: #b45309;
  --cedar-status-warning-surface: #fff8e5;
  --cedar-status-success-text: #176b3a;
  --cedar-status-success-surface: #ecfdf3;
  --cedar-dialog-backdrop: rgba(0, 0, 0, 0.4);
  --cedar-control-height-default: 36px;
  --cedar-control-height-authoring: 32px;
  --cedar-control-line-height-default: 21px;
  --cedar-control-line-height-authoring: 18px;
  --cedar-control-disabled-opacity: 0.45;
  --cedar-focus-ring-width: 2px;
  --cedar-focus-ring-offset: 2px;
  --cedar-row-height-compact: 28px;
  --cedar-space-1: 4px;
  --cedar-space-2: 8px;
  --cedar-space-3: 12px;
  --cedar-space-4: 16px;
  --cedar-space-6: 24px;
  --cedar-radius: 4px;
  --cedar-radius-pill: 9999px;
  --cedar-icon-size-small: 16px;
  --cedar-icon-size-default: 20px;
  --cedar-icon-size-large: 24px;
  --cedar-shadow-overlay: 0 4px 18px rgba(0, 0, 0, 0.13);
  --cedar-motion-duration-fast: 120ms;
  --cedar-motion-duration-normal: 200ms;
  --cedar-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --cedar-layer-sticky: 10;
  --cedar-layer-menu: 100;
  --cedar-layer-modal: 1000;
  --cedar-layer-overlay: 1100;
  --cedar-layer-tooltip: 1200;
}