/*
 * 2ip-owned stable design tokens.
 *
 * Breakpoint values document the existing compiled CSS contract. CSS custom
 * properties cannot be used directly in @media conditions, so source media
 * queries intentionally keep their numeric values until a reviewed build step
 * owns breakpoint expansion.
 */
:root {
  --twoip-color-text: #263238;
  --twoip-color-link: #03a9f4;
  --twoip-color-accent: #ff5722;
  --twoip-color-success: #7cb342;
  --twoip-color-warning: #ffeb3b;
  --twoip-color-danger: #f44336;
  --twoip-color-surface: #ffffff;
  --twoip-color-page: #eeeeee;
  --twoip-color-border: #cfd8dc;
  --twoip-grid-gutter: 18px;
  --twoip-container-large: 1258px;
  --twoip-breakpoint-xs: 480px;
  --twoip-breakpoint-sm: 768px;
  --twoip-breakpoint-md: 992px;
  --twoip-breakpoint-lg: 1275px;
}