:root {
  --color-ink: #17212a;
  --color-muted: #66727b;
  --color-muted-light: #d5dde2;
  --color-brand: #162b3d;
  --color-brand-hover: #28465e;
  --color-accent: #6b7650;
  --color-background: #f5f5f3;
  --color-surface: #ffffff;
  --color-border: #e1e4e5;
  --color-focus: rgba(55, 116, 155, 0.55);
  --shadow-card: 0 6px 26px rgba(12, 28, 40, 0.08);
  --shadow-card-hover: 0 16px 38px rgba(12, 28, 40, 0.14);
  --radius-small: 8px;
  --radius-medium: 14px;
  --radius-large: 22px;
  --container-width: 1180px;
  --header-height: 76px;
  --transition-fast: 180ms ease;
}