:root {
  --spacing-none: 0px;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 6px;
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 16px;
  --spacing-2xl: 20px;
  --spacing-3xl: 24px;
  --spacing-4xl: 32px;
  --spacing-5xl: 40px;
  --spacing-10xl: 128px;

  --radius-none: 0px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;

  --bg-primary: #ffffff;
  --bg-secondary-alt: #fafafa;
  --bg-tertiary: #f5f5f5;

  --text-primary: #181d27;
  --text-secondary: #414651;
  --text-tertiary: #535862;
  --text-placeholder: #717680;
  --text-disabled: #717680;
  --text-success-primary: #079455;
  --text-white: #ffffff;
  --text-brand-secondary: #004eeb;
  --text-on-brand: #ffffff;

  --fg-white: #ffffff;
  --fg-tertiary: #535862;
  --fg-disabled: #a4a7ae;
  --fg-quaternary: #a4a7ae;
  --fg-success-primary: #17b26a;
  --fg-warning-primary: #dc6803;

  --border-primary: #d5d7da;
  --border-secondary: #e9eaeb;
  --border-disabled-subtle: #e9eaeb;

  --utility-gray-300: #d5d7da;
  --utility-orange-dark-500: #ff4405;
  --utility-green-100: #d3f8df;
  --utility-green-500: #16b364;
  --utility-error-50: #fef3f2;
  --utility-error-200: #fecdca;
  --utility-error-700: #b42318;
  --utility-error-400: #f97066;
  --utility-warning-400: #fdb022;

  --border-error-subtle: #fda29b;
  --text-error-primary: #d92d20;
  --bg-error-subtle: #fef3f2;

  --primary: #343a40;
  --brand-solid: #525c64;
  --media-search-checkbox: #155eef;
  --media-search-checkbox-rgb: 21, 94, 239;

  --shadow-xs: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
  --shadow-sm: 0 1px 2px -1px rgba(10, 13, 18, 0.1), 0 1px 3px 0 rgba(10, 13, 18, 0.1);
  --shadow-focus-ring: 0 0 0 4px rgba(52, 58, 64, 0.12);

  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --display-sm: 30px;

  --lh-xs: 18px;
  --lh-sm: 20px;
  --lh-md: 24px;
  --lh-lg: 28px;
  --lh-display-sm: 38px;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
}