/* ShiftHands brand base, loaded first by every site page (homepage, login, signup, 404).
   One place for the typeface and the colour tokens; home.css and styles.css map onto these.

   Typeface: Figtree (variable 300-900, latin subset, self-hosted; SIL Open Font License 1.1,
   from @fontsource-variable/figtree 5.3.0).
   Palette: Meta blue on Facebook dark surfaces. No green, no orange, no purple.
   Amber is only for "needs you"; red only for errors. */
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("/site/fonts/figtree-latin.woff2") format("woff2-variations"), url("/site/fonts/figtree-latin.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 {
  /* Blue: fills and CTAs */
  --sh-blue: #0866FF;          /* Meta blue: primary buttons, fills, active bars */
  --sh-blue-hover: #0759DB;
  --sh-blue-press: #0A4DBF;
  --sh-blue-fb: #1877F2;       /* Facebook blue: secondary accents, icons, large text */
  --sh-blue-text: #4599FF;     /* small blue text on dark surfaces (6.1:1 on --sh-bg; #1877F2 is 4.2:1) */
  --sh-blue-soft: rgba(8, 102, 255, 0.14);
  --sh-blue-soft-2: rgba(8, 102, 255, 0.18);
  --sh-blue-line: rgba(24, 119, 242, 0.45);

  /* Dark theme (the site) */
  --sh-bg: #18191A;
  --sh-card: #242526;
  --sh-raised: #3A3B3C;
  --sh-raised-hover: #4E4F50;
  --sh-line: rgba(255, 255, 255, 0.08);
  --sh-line-2: rgba(255, 255, 255, 0.12);
  --sh-text: #E4E6EB;
  --sh-text-2: #B0B3B8;
  --sh-muted: #8A8D91;

  /* Light values (light elements inside the dark page, future light mode) */
  --sh-light-bg: #F0F2F5;
  --sh-light-surface: #FFFFFF;
  --sh-light-text: #1C1E21;
  --sh-light-text-2: #65676B;

  /* Status */
  --sh-amber: #F7B928;         /* needs you, only */
  --sh-amber-soft: rgba(247, 185, 40, 0.14);
  --sh-red: #F02849;           /* errors, only (borders, icons) */
  --sh-red-text: #FF6B81;      /* error text on dark (6.4:1; #F02849 is 4.3:1) */
  --sh-red-soft: rgba(240, 40, 73, 0.12);

  --sh-font: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}