/* Junto a Faby 2.0 - shared design tokens. Every HTML piece in src/ links this file. */
@font-face { font-family: "Newsreader"; src: url("fonts/Newsreader-VF.ttf") format("truetype"); font-weight: 200 800; font-style: normal; }
@font-face { font-family: "Newsreader"; src: url("fonts/Newsreader-Italic-VF.ttf") format("truetype"); font-weight: 200 800; font-style: italic; }
@font-face { font-family: "DM Sans"; src: url("fonts/DMSans-VF.ttf") format("truetype"); font-weight: 100 1000; font-style: normal; }
@font-face { font-family: "DM Sans"; src: url("fonts/DMSans-Italic-VF.ttf") format("truetype"); font-weight: 100 1000; font-style: italic; }

:root {
  /* base pastel */
  --lino: #FBF6F1;
  --rubor: #F3D8D3;
  --lila: #E3D7EC;
  --piel: #EDD3C1;
  /* accents */
  --malva: #9C4A79;
  --arcilla: #B9785A;
  /* ink */
  --ciruela: #4A2643;
  --ciruela-70: rgba(74, 38, 67, .72);
  --ciruela-12: rgba(74, 38, 67, .12);

  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --sans: "DM Sans", Arial, Helvetica, sans-serif;
  --soft: normal; /* Newsreader: optical size is automatic */

  --r-sm: 12px;
  --r-md: 24px;
  --r-lg: 32px;
  --r-pill: 999px;
}

.serif { font-family: var(--serif); font-weight: 400; letter-spacing: -0.01em; }
.serif em, .serif i { font-style: italic; }
.sans { font-family: var(--sans); }
.label { font-family: var(--sans); font-weight: 600; font-size: .78em; letter-spacing: .14em; text-transform: uppercase; }