/* Tally brand tokens. Concept project by DesignYum. */
:root{
  --teal:#0E3B43;      /* primary: logo, headlines, dark surfaces */
  --teal-2:#1C5A63;    /* hover / secondary dark */
  --mist:#DCE8E4;      /* light teal tint for cards */
  --paper:#F7F8F4;     /* background */
  --ink:#16242B;       /* body text */
  --slate:#5E6E73;     /* secondary text */
  --line:#D3DDD9;
  --orange:#F2611D;    /* action only: buttons, due dates, alerts */
  --orange-soft:#FDE5D8;
  --sans:"Instrument Sans",system-ui,sans-serif;
  --mono:"DM Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
.num{font-feature-settings:"tnum";letter-spacing:-.04em}
.hatch{background:repeating-linear-gradient(-55deg,currentColor 0 2px,transparent 2px 9px)}