:root {
  /* Figma Divers — frame Sortlist 3986:2 */
  --color-primary: #ea0069;
  --color-text: #131313;
  --color-bg: #ffffff;
  --color-muted: #6b7280;
  --color-border: #e5e7eb;
  --color-dev: #7997e7;
  --color-branding: #5ad88c;
  --color-marketing: #ff7b5d;
  --color-surface: #fafafa;

  --font-ui: "Barlow", system-ui, sans-serif;
  --font-display: "Playfair Display", Georgia, serif;

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 3px rgb(19 19 19 / 6%);
  --shadow-hover: 0 12px 32px rgb(19 19 19 / 10%);

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  --sidebar-width: 22rem;
  --grid-gap: 1rem;
  --bento-row-height: 14.75rem;
  --bento-map-height: 15rem;
  --page-max: 108rem;
}