:root {
  --ag-indigo: #313180;
  --ag-indigo-dark: #1d1d55;
  --ag-ink: #16162e;
  --ag-text: #3d3d55;
  --ag-muted: #55556b;
  --ag-yellow: #ffc629;
  --ag-ground: #f6f6fb;
  --ag-surface: #ffffff;
  --ag-line: #e4e4ef;
  --ag-line-strong: #c9c9e2;
  --ag-on-indigo: #dcdcf2;

  --ag-font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;
  --ag-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ag-wrap: 1240px;
  --ag-gutter: 24px;
  --ag-radius: 16px;
  --ag-radius-sm: 12px;
  --ag-pill: 999px;
}