:root {
  --ag-color-charcoal: #302d2a;
  --ag-color-black: #000000;
  --ag-color-white: #ffffff;
  --ag-color-warm: #f7f7f5;
  --ag-color-grey: #eae8e5;
  --ag-color-muted: #77716c;
  --ag-color-text: var(--ag-color-charcoal);
  --ag-color-border: var(--ag-color-grey);
  --ag-color-focus: var(--ag-color-charcoal);

  --ag-font-sans: "Poppins", "Helvetica Neue", Arial, sans-serif;
  --ag-weight-regular: 400;
  --ag-weight-medium: 500;
  --ag-weight-semibold: 600;
  --ag-weight-bold: 700;

  --ag-space-1: 4px;
  --ag-space-2: 8px;
  --ag-space-3: 12px;
  --ag-space-4: 16px;
  --ag-space-5: 24px;
  --ag-space-6: 32px;
  --ag-space-7: 48px;
  --ag-space-8: 64px;
  --ag-space-9: 80px;
  --ag-space-10: 112px;

  --ag-container: 1240px;
  --ag-container-wide: 1440px;
  --ag-content: 760px;

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

  --ag-header-height: 84px;
  --ag-z-header: 20;
  --ag-z-menu: 40;
  --ag-z-action-bar: 30;
  --ag-transition: 220ms ease;
}