/* Abound theme of the signing service: the Saans font and the Abound Design
   System v2 palette as the fork's theme variables. Colours are HSL channels. */

@font-face {
  font-family: Saans;
  src: url("fonts/Saans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Saans;
  src: url("fonts/Saans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Saans;
  src: url("fonts/Saans-SemiBold.woff2") format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans: Saans, ui-sans-serif, system-ui, sans-serif;

  /* neutral: main action buttons, tooltips; brand #0E4533 on white */
  --n: 160.4 66.3% 16.3%;
  --nf: 159.5 67.2% 12%; /* brand-hover #0A3325 */
  --nc: 0 0% 100%;

  /* primary: secondary buttons; #DCE8DF with brand text */
  --p: 135 20.7% 88.6%;
  --pf: 135 21.3% 81.6%; /* #C6DACB */
  --pc: 160.4 66.3% 16.3%;

  /* secondary: khaki #EDEABE */
  --s: 56.2 56.6% 83.7%;
  --sf: 56.1 53.4% 77.3%; /* #E4E0A6 */
  --sc: 40 4.9% 12%;

  /* accent: lime #D4F19B with brand text */
  --a: 80.2 75.4% 77.6%;
  --af: 80 70.1% 69.8%; /* #C4E87C */
  --ac: 160.4 66.3% 16.3%;

  --b1: 108 26.3% 96.3%; /* background #F4F8F3 */
  --b2: 137.1 21.2% 93.5%; /* brand-soft #EBF2ED */
  --b3: 101.5 15.7% 83.7%; /* border #D3DCCF */
  --bc: 40 4.9% 12%; /* foreground #201F1D */

  --in: 218 80.3% 45.9%; /* info #175CD3 */
  --inc: 0 0% 100%;
  --su: 155.1 80.4% 20%; /* success #0A5C3A */
  --suc: 0 0% 100%;
  --wa: 21.8 91.5% 37.1%; /* warning #B54708 */
  --wac: 0 0% 100%;
  --er: 12.9 90.3% 40.4%; /* danger #C4320A */
  --erc: 0 0% 100%;

  --btn-text-case: none;
  --rounded-btn: 0.5rem;
  --rounded-box: 0.5rem;
  --rounded-xl: 0.5rem;
  --rounded-2xl: 0.5rem;
  --rounded-3xl: 0.5rem;
}