/* Canonical Cocan brand tokens. No element selectors or resets here. */
:root {
  --cocan-bg: #f2f2f3;
  --cocan-ink: #1d1f20;
  --cocan-surface: #ffffff;
  --cocan-steel: #416180;
  --cocan-steel-hover: #2c455d;
  --cocan-steel-light: #5980a6;
  --cocan-steel-soft: #eef6ff;
  --cocan-border: #d4d4d7;
  --cocan-muted: #5d5d60;
  --cocan-focus: #d49b42;
  --cocan-positive: #2f7a5c;
  --cocan-negative: #b5473a;
  --cocan-dark-bg: #132029;
  --cocan-dark-ink: #e4eaed;
  --cocan-dark-surface: #182a34;
  --cocan-dark-steel: #7fa3c4;
  --cocan-font-body: "Barlow", Arial, sans-serif;
  --cocan-font-heading: "Barlow Condensed", "Arial Narrow", sans-serif;
  --cocan-radius: 0px;
  --cocan-hairline: 1px;
  --cocan-content-width: 1080px;
  --cocan-space-1: 4px;
  --cocan-space-2: 8px;
  --cocan-space-3: 16px;
  --cocan-space-4: 24px;
  --cocan-space-5: 36px;
}