/* Envoro design tokens. Light mode only. Shared by every page. */

/* Figtree, self-hosted (SIL OFL 1.1, see fonts/OFL.txt). Latin only; no CDN. */
@font-face{ font-family:'Figtree'; font-style:normal; font-weight:500; font-display:swap;
  src:url(fonts/figtree-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:'Figtree'; font-style:normal; font-weight:600; font-display:swap;
  src:url(fonts/figtree-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:'Figtree'; font-style:normal; font-weight:700; font-display:swap;
  src:url(fonts/figtree-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; }

:root{
  color-scheme: light;

  /* Brand palette (see brand/ and docs/envoro-style-guide.md) */
  --paprika:#FF4A1C;
  --zest:#D4F03C;      /* only on Ink or Spruce, never as text on light */
  --spruce:#0F3D2E;
  --peach:#FFD9C9;
  --ink:#15171A;
  --fog:#F4F4F1;
  --slate:#5C6166;
  --white:#FFFFFF;

  /* Ring tracks and dividers: the only extra neutrals, taken from the design boards */
  --spruce-track:#CFDDD6;
  --ink-track:#E4E4DE;

  /* Roles */
  --move:var(--paprika);        --move-track:var(--peach);        --on-move:var(--ink);
  --eat:var(--spruce);          --eat-track:var(--spruce-track);  --on-eat:var(--fog);
  --streak:var(--ink);          --streak-track:var(--ink-track);
  --bg:var(--white);            /* app ground */
  --surface:var(--fog);         /* cards, tiles, tab bar */
  --divider:var(--ink-track);   /* hairlines and input borders */
  --ink-muted:var(--slate);
  --warn-bg:var(--peach);       /* errors: Ink text on a Peach box */

  /* Type: Figtree, with the Apple system stack as fallback */
  --font:"Figtree", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
}