/* Zoneboard design tokens: self-hosted fonts and the shared palette.
   Loaded first on every page; style.css and manager.css build on these variables.
   Fonts: Golos Text and IBM Plex Mono (SIL OFL 1.1, see /static/fonts/OFL.txt). Each weight is split
   into a Latin and a Cyrillic file; the browser fetches a file only when the page uses its characters. */

@font-face {
  font-family: "Golos Text"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/static/fonts/golos-text-cyrillic-400.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "Golos Text"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/static/fonts/golos-text-latin-400.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: "Golos Text"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/static/fonts/golos-text-cyrillic-500.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "Golos Text"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/static/fonts/golos-text-latin-500.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: "Golos Text"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/static/fonts/golos-text-cyrillic-600.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "Golos Text"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/static/fonts/golos-text-latin-600.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: "Golos Text"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/static/fonts/golos-text-cyrillic-700.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "Golos Text"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/static/fonts/golos-text-latin-700.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: "Golos Text"; font-style: normal; font-weight: 800; font-display: swap;
  src: url(/static/fonts/golos-text-cyrillic-800.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "Golos Text"; font-style: normal; font-weight: 800; font-display: swap;
  src: url(/static/fonts/golos-text-latin-800.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: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/static/fonts/ibm-plex-mono-cyrillic-500.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/static/fonts/ibm-plex-mono-latin-500.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: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/static/fonts/ibm-plex-mono-cyrillic-600.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/static/fonts/ibm-plex-mono-latin-600.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;
}

:root {
  /* type */
  --ui: "Golos Text", system-ui, sans-serif;
  --num: "IBM Plex Mono", ui-monospace, monospace;

  /* the floor: tablets and phones are dark */
  --t-bg: #0e1412;
  --t-fg: #eef2ee;
  --t-dim: #93a097;

  /* the manager's desk */
  --m-bg: #f6f7f5;
  --m-fg: #18201b;
  --m-dim: #66706a;
  --m-line: #e1e5e0;
  --m-card: #ffffff;
  --m-side: #121a16;
  --m-side-2: #0d1311;

  /* task states */
  --ok: #2fb67b;
  --warn: #e6a51c;
  --bad: #e5484d;
  --info: #3d7cf0;
  --review: #8a5cf5;

  /* depth */
  --shadow-card: 0 1px 2px rgba(24, 32, 27, .06), 0 18px 36px -22px rgba(24, 32, 27, .38);
  --shadow-tile: 0 10px 22px -16px rgba(24, 32, 27, .45);
  --radius: 16px;
  --radius-sm: 10px;
}

.num { font-family: var(--num); font-variant-numeric: tabular-nums; }

/* People who ask for less motion get none: no animation, no transition, no smooth scrolling. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}