/* public/app/css/tokens.css
 * Synopsis: Tokens globaux page.
 * Objectif: Défaut papier ; bandes via color-mix.
 */

@font-face {
  font-family: "Space Grotesk";
  src: url("../../assets/fonts/spacegrotesk/SpaceGrotesk-latin.woff2") format("woff2");
  font-display: swap;
  font-weight: 300 700;
}

@font-face {
  font-family: "Archivo Black";
  src: url("../../assets/fonts/archivoblack/ArchivoBlack-latin.woff2") format("woff2");
  font-display: swap;
}

:root {
  --ink: #17150f;
  --paper: #f2efdf;
  --acid: #c5d47a;
  --signal: #c47862;
  --cold: #a9c9c4;
  --muted: #69665b;
  --line: rgba(23, 21, 15, .24);
  --band-proof: color-mix(in srgb, var(--cold) 30%, var(--paper));
  --band-proof-ink: var(--ink);
  --band-future: color-mix(in srgb, var(--signal) 16%, var(--paper));
  --band-future-ink: var(--ink);
  --band-docs: color-mix(in srgb, var(--acid) 14%, var(--paper));
  --band-docs-ink: var(--ink);
  --band-foot: color-mix(in srgb, var(--acid) 36%, var(--paper));
  --band-foot-ink: var(--ink);
  --cta: var(--acid);
  --display: "Archivo Black", sans-serif;
  --body: "Space Grotesk", sans-serif;
  --edge: clamp(1rem, 4vw, 4rem);
  --radius: .35rem;
}