/* Design tokens. Brand colors come from mjk.llc (website/static/website/css/styles.css). */
:root {
  /* mjk.llc palette */
  --copper: #b87333;
  --copper-dark: #9d5f2a;
  --copper-tint: #f6ece2;
  --charcoal: #36454f;
  --charcoal-dark: #2a363e;
  --grey: #808080;
  --off-white: #f7f5f2;

  /* Neutrals and states */
  --surface: #ffffff;
  --border: #d9d5cf;
  --border-strong: #b9b3ab;
  --text: #1f2a30;
  --text-muted: #5d6870;
  --focus-ring: rgba(184, 115, 51, 0.25);
  --danger: #b42318;
  --danger-bg: #fdecea;
  --success: #1e7b4a;
  --success-bg: #e6f4ec;

  /* Type */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size: 15px;
  --font-size-small: 13px;

  /* Spacing, shape */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius: 6px;
  --shadow: 0 1px 2px rgba(31, 42, 48, 0.06), 0 1px 3px rgba(31, 42, 48, 0.04);
  --header-height: 56px;
  --content-width: 1120px;
}