/* Maxwell brand layer — loaded after the Modernist token sheet.
   Source of truth: assets/maxwell-logo.png → crimson crescent #B81828 + black wordmark.
   Only the accent ramp and ink are re-pointed; every component keeps reading the same tokens. */
:root {
  --mx-crimson: #b81828;
  --mx-ink: #1a1818;

  --color-text: #1a1818;
  --color-accent: #b81828;
  --color-accent-2: #b81828;

  --color-accent-100: #fcf0f1;
  --color-accent-200: #f8dcdf;
  --color-accent-300: #f0b5bc;
  --color-accent-400: #e57f8b;
  --color-accent-500: #d04352;
  --color-accent-600: #9f1422;
  --color-accent-700: #86111d;
  --color-accent-800: #5f0d15;
  --color-accent-900: #3a0a0e;

  --color-accent-2-100: #fcf0f1;
  --color-accent-2-200: #f8dcdf;
  --color-accent-2-300: #f0b5bc;
  --color-accent-2-400: #e57f8b;
  --color-accent-2-500: #d04352;
  --color-accent-2-600: #9f1422;
  --color-accent-2-700: #86111d;
  --color-accent-2-800: #5f0d15;
  --color-accent-2-900: #3a0a0e;
}
::selection { background: var(--color-accent-200); color: var(--color-text); }
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }