/* COLD — one look for every page of the app. Each page links this file and takes colours, type and shapes from here:
   change a value here and it changes everywhere.
   The rules, taken from the tools people already know (Trello boards, Linear, newsroom planners):
   - neutral greys for the interface; colour only says something (a status, or "this needs you" in red);
   - one typeface for everything (Inter), the serif only for the one big title of a page;
   - nothing smaller than 12px, text never lighter than --muted on a light background. */
/* Typefaces served by the app itself (web/fonts, SIL Open Font Licence): no call to Google, same look offline. */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/inter-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/inter-latin-ext-wght-normal.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/instrument-serif-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/instrument-serif-latin-ext-400-normal.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
:root {
  /* surfaces */
  --bg: #f7f7f5;         /* page */
  --panel: #ffffff;      /* cards, sheets, fields */
  --soft: #f1f0ee;       /* quiet panels, board columns, hover */
  --line: #e4e2de;       /* borders and hairlines */
  --line-2: #c9c6c0;     /* border of a field on hover */
  /* text */
  --ink: #111111;        /* text, solid buttons */
  --ink2: #3a3a3a;       /* secondary text, field labels */
  --muted: #6b6b6b;      /* quiet text: dates, hints (4.9:1 on the page) */
  /* the one accent: something needs you (counts, overdue, errors) */
  --accent: #d63621;
  /* statuses: a tint for the background, a darker tone for the text */
  --ok: #1d7a3e;   --okbg: #e6f3ea;
  --warn: #8a5200; --warnbg: #fdf1dc;
  --ko: #b42318;   --kobg: #fbe9e6;
  --blue: #2f49b5; --bluebg: #ebefff;
  --pink: #a2296c; --pinkbg: #fde8f3;
  /* type */
  --sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;   /* only the one big title of a page */
  /* shape */
  --r: 12px;             /* cards and panels */
  --r-s: 9px;            /* buttons and fields */
  --shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 30px rgba(0,0,0,.07);
}
.cold-logo { display: block; height: 16px; width: auto; }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }