/* Anderton Board theme. Paperboard neutrals with Anderton's red pulled back to a muted
   oxblood accent. Every colour, radius and spacing value in components comes from here;
   the next client is a new copy of this file, not a code change. */
:root {
  --font-heading: "Gill Sans", "Gill Sans MT", "Cabin", system-ui, sans-serif;
  --font-body: "Calibri", "Carlito", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --paper: #f7f5f0;
  --surface: #ffffff;
  --surface-muted: #f1eee8;
  --surface-sunken: #ebe7df;
  --line: #e2ddd4;
  --line-strong: #cfc8bc;

  --ink: #1c1b19;
  --ink-muted: #5e5a53;
  --ink-faint: #8c877e;

  --accent: #8e3b40;
  --accent-hover: #74303a;
  --accent-soft: #f4e6e6;
  --accent-ink: #ffffff;

  --ok: #2f6b4f;
  --ok-soft: #e5f0ea;
  --warn: #8a5a12;
  --warn-soft: #f7edda;
  --danger: #a23b3b;
  --danger-soft: #f6e3e1;
  --info: #2f5a7a;
  --info-soft: #e3ecf3;
  --illustrative: #6b5f86;
  --illustrative-soft: #ece8f3;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --shadow: 0 1px 2px rgb(28 27 25 / 6%), 0 1px 1px rgb(28 27 25 / 4%);
  --shadow-raised: 0 6px 20px rgb(28 27 25 / 8%);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --sidebar-width: 248px;
}
