@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/static/Montserrat.woff2') format('woff2');
}

/* MarSense brand system (clients/marsense/CLAUDE.md): light, card-based.
   Deep Teal #317989 · Bright Cyan #00A8CB · CTA Orange #F3712A
   Heading #231F20 · Body #6D6E71 · Light section #F1F2F2 */
:root{
  /* surfaces — light */
  --bg:#F1F2F2;            /* page / board background (brand light section) */
  --surface:#FFFFFF;       /* columns, cards, inputs */
  --surface-alt:#F7F8F8;   /* subtle fills / hovers */
  --border:#E3E4E6;
  --border-hover:#CFD2D4;

  /* text */
  --text-dark:#231F20;     /* headings */
  --text-body:#6D6E71;     /* body */
  --text-muted:#9A9B9E;    /* meta / counts */

  /* brand */
  --teal:#317989;          --teal-hover:#285f6c;   --teal-soft:rgba(49,121,137,.10);
  --cyan:#00A8CB;          --cyan-hover:#0095b5;    --cyan-soft:rgba(0,168,203,.10);
  --orange:#F3712A;        --orange-hover:#db5f1c;  --orange-soft:rgba(243,113,42,.10);

  /* aliases kept so existing rules resolve */
  --accent:var(--cyan);    --brand-teal:var(--teal); --brand-cyan:var(--cyan); --brand-orange:var(--orange);

  --font:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --radius:10px; --space:16px;
  --shadow-card:0 1px 3px rgba(35,31,32,.06), 0 1px 2px rgba(35,31,32,.04);
  --shadow-pop:0 6px 20px rgba(35,31,32,.10);
}