/*
 * MODULIKE brand tokens.
 *
 * Page-local styles keep their original component semantics: blue is the
 * primary action colour, while pink remains a small secondary accent. This
 * file is loaded last only to expose shared tokens to newly added elements;
 * it deliberately does not repaint every component globally.
 */

:root {
  --brand-primary: #1B5CFF;
  --brand-primary-hover: #0F4AD6;
  --brand-ink: #0A1A4F;
  --brand-muted: #7A86A8;
  --brand-light: #BFD0FF;
  --brand-soft: #EAF0FF;
  --brand-surface: #F4F6FB;
  --brand-border: #E3E9F7;
  --brand-secondary: #FF2D8E;
  --brand-footer: #F6F8FF;
  --brand-footer-border: #DFE5F4;
  --brand-footer-muted: #7A849A;
  --brand-overlay: rgba(10, 26, 79, .48);
  --brand-shadow: rgba(10, 26, 79, .18);
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--brand-primary);
}

::selection {
  color: #fff;
  background: var(--brand-primary);
}