:root {
  --cotton-ink: #17201d;
  --cotton-muted: #4d5b56;
  --cotton-eyebrow: #65716c;
  --cotton-canvas: #eef1ef;
  --cotton-paper: #ffffff;
  --cotton-sunken: #f7f9f8;
  --cotton-line: #d8dedb;
  --cotton-green: #0b4739;
  --cotton-green-mid: #315c4f;
  --cotton-green-soft: #f4faf7;
  --cotton-green-tint: #e3f5ed;
  --cotton-orange: #c45c26;
  --cotton-online: #8de3c1;
  --cotton-offline: #ffd380;
  --cotton-danger: #b42318;
  --cotton-radius: 12px;
  --cotton-radius-lg: 16px;
  --cotton-font:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --cotton-space: 16px;
  --cotton-topbar: 54px;
}