/*
  Big Mike design tokens — edit these to customize the site look.
  All pages import this file; changes here apply site-wide.
*/
:root {
  /* Brand orange — marketing */
  --or: #E8501A;
  --or-dk: #C44012;
  --or-lt: #FDF0EB;
  --or-mid: #FDDDD3;
  /* App UI orange — matches MVP screenshots */
  --or-app: #FF6600;
  --or-app-dk: #E55A00;
  --or-app-lt: #FFF0E6;

  /* Neutrals */
  --cr: #F5F0E8;
  --cr-dk: #EDE8DE;
  --wh: #FFFFFF;
  --ink: #111110;
  --mu: #6B6860;
  --sm: #B0ACA4;
  --rule: #E2DDD4;

  /* Semantic colors */
  --gr: #1A7245;
  --gr-lt: #EAF4EE;
  --gr-border: #BBF7D0;
  --bl: #2D5BE3;
  --bl-lt: #EEF2FD;
  --bl-border: #93AEFF;
  --pu: #6B4FCC;
  --pu-lt: #F2EFFE;
  --re: #C0392B;
  --re-lt: #FDECEA;
  --dk-green: #1A4D2E;

  /* Typography */
  --sans: 'Inter', sans-serif;
  --mono: 'DM Mono', monospace;
}