/* ============================================================
   JIM MATTICE — COLOR TOKENS
   Aligned to the production listing system (201 Parkdale):
   marketing blue + deep midnight navy, editorial neutrals.
   Canadian red stays as a PERSONAL-brand accent only
   (Jim's logo) — property marketing is blue-forward, no red.
   No gradients on UI (photo scrims excepted).
   ============================================================ */
:root {
  /* --- Brand core --- */
  --jm-blue: #0079C0;        /* primary marketing blue (listing site) */
  --jm-blue-bright: #0086D1; /* large fields / lighter */
  --jm-blue-600: #005A91;    /* hover/pressed darker */
  --jm-blue-700: #024163;    /* deepest blue */
  --jm-blue-sky: #7FC4EF;    /* light accent on dark (figures, hairlines) */
  --jm-navy: #0C2438;        /* midnight navy — dark surfaces, headlines */
  --jm-ink: #0E1B2B;         /* body ink on light */
  --jm-navy-800: #16344B;    /* softened navy */
  --jm-red: #DB1B23;         /* maple-leaf red — PERSONAL brand accent only */
  --jm-red-600: #B9151C;

  /* --- Neutrals (cool, editorial) --- */
  --jm-white: #FFFFFF;
  --jm-paper: #F4F7FA;       /* page / alt-section background */
  --jm-mist: #EAEFF4;        /* subtle surface / alt rows */
  --jm-line: #E7ECF1;        /* hairline borders */
  --jm-line-strong: #CDD7E0;
  --jm-slate-500: #5B6B7C;   /* muted text */
  --jm-slate-400: #7E8C97;   /* captions, placeholder */
  --jm-ink-900: #081626;     /* deepest ink / footer */

  /* --- Tints --- */
  --jm-blue-tint: #E4F1FA;   /* blue wash backgrounds */
  --jm-red-tint:  #FBE8E9;

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */
  --text-strong: var(--jm-ink);
  --text-body: #2A3A47;
  --text-muted: var(--jm-slate-500);
  --text-faint: var(--jm-slate-400);
  --text-on-dark: var(--jm-white);
  --text-on-dark-muted: #AEC3D4;
  --text-link: var(--jm-blue);

  --surface-page: var(--jm-paper);
  --surface-card: var(--jm-white);
  --surface-alt: var(--jm-mist);
  --surface-dark: var(--jm-navy);
  --surface-brand: var(--jm-blue-bright);
  --surface-blue-tint: var(--jm-blue-tint);

  --border-default: var(--jm-line);
  --border-strong: var(--jm-line-strong);
  --border-dark: rgba(255,255,255,0.16);

  --accent: var(--jm-red);
  --accent-hover: var(--jm-red-600);

  --primary: var(--jm-blue);
  --primary-hover: var(--jm-blue-600);
  --primary-active: var(--jm-blue-700);

  --focus-ring: rgba(0,121,192,0.40);

  /* status */
  --status-success: #1E8E5A;
  --status-warning: #C77B1A;
  --status-danger: var(--jm-red);
}