/**
 * Brand color tokens used by the Shift admin look & feel.
 * Keep values centralized here to make palette tweaks low effort.
 */
:root {
  --shift-color-black: #131618;
  --shift-color-white: #ffffff;
  --shift-color-grey: #eeeeee;
  --shift-color-grey-150: #f5f6f8;
  --shift-color-grey-200: #eef1f4;
  --shift-color-grey-300: #e1e4e8;
  --shift-color-grey-400: #c9d0d7;
  --shift-color-grey-500: #9aa3ab;
  --shift-color-grey-600: #737b82;
  --shift-color-accent: #f26b32;
  --shift-color-accent-strong: #d45924;
  --shift-color-accent-soft: #f48756;

  --shift-color-background: var(--shift-color-grey-150);
  --shift-color-surface: var(--shift-color-white);
  --shift-color-surface-alt: #f8f9fb;
  --shift-color-border: #d1d6dc;
  --shift-color-text: #1c232b;
  --shift-color-text-muted: #6b7176;

  --shift-radius-sm: 6px;
  --shift-radius-md: 10px;
  --shift-radius-lg: 14px;

  --shift-shadow-sm: 0 1px 2px rgba(19, 22, 24, 0.08);
  --shift-shadow-md: 0 8px 20px rgba(19, 22, 24, 0.08);
  --shift-shadow-lg: 0 14px 40px rgba(19, 22, 24, 0.12);

  --shift-transition: 160ms ease-in-out;
}