/* Pixels design tokens — from Figma variable defs */
:root {
  --color-brand-primary: #2563eb;
  --color-brand-primary-subtle: #eff6ff;
  --color-brand-secondary: #93c5fd;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-surface-main: #ffffff;

  --color-content-primary: #101828;
  --color-content-secondary: #475467;
  --color-content-brand: #2563eb;
  --color-content-white: #ffffff;

  --color-bg-default-subtle: #eaecf0;
  --color-bg-default-secondary: #eaecf0;

  --color-border-primary: #eaecf0;
  --color-border-primary-subtle: #f2f4f7;
  --color-border-secondary-pressed: #344054;
  --color-border-sidebar: #edf0f7;
  --color-border-brand: #2563eb;
  --color-border-disabled: #eaecf0;

  --color-utility-green: #12b76a;
  --color-utility-error: #f04438;
  --color-utility-border-purple: #a855f7;
  --color-utility-border-blue: #3c82f6;
  --color-utility-border-pink: #ec4899;
  --color-utility-border-green: #039855;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 20px;
  --spacing-2xl: 24px;
  --spacing-4xl: 32px;
  --spacing-6xl: 40px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-12: 12px;
  --radius-3xl: 24px;

  --border-width-sm: 1px;
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);

  --font-family: 'Poppins', system-ui, sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --fs-body-sm: 12px;
  --lh-body-sm: 18px;
  --fs-body-md: 14px;
  --lh-body-md: 19px;
  --fs-headline-sm: 16px;
  --lh-headline-sm: 20px;
  --fs-headline-lg: 24px;
  --lh-headline-lg: 30px;
  --fs-button-sm: 12px;
  --lh-button-sm: 16px;
}