@import url("../design-system/tokens.css");

/* Compatibility bridge for product surfaces created before Design System 1.0. */
:root {
  --gl-ink: var(--gl-color-black);
  --gl-paper: var(--gl-color-white);
  --gl-paper-2: var(--gl-color-gray-100);
  --gl-stone: var(--gl-color-gray-300);
  --gl-muted: var(--gl-color-gray-500);
  --gl-coral: var(--gl-color-danger);
  --gl-coral-soft: var(--gl-color-danger-soft);
  --gl-blue: var(--gl-color-info);
  --gl-blue-soft: var(--gl-color-info-soft);
  --gl-green: var(--gl-color-success);
  --gl-green-soft: var(--gl-color-success-soft);
  --gl-plum: var(--gl-color-navy);
  --gl-yellow: var(--gl-color-lime);
  --gl-radius-sm: 4px;
  --gl-radius-md: var(--gl-radius-r1);
  --gl-border: var(--gl-stroke-thin) solid var(--gl-border-subtle);
  --gl-shadow-soft: var(--gl-shadow-2);
  --gl-font-display: var(--gl-font-editorial);
  --gl-font-ui: var(--gl-font-product);
}