/* =========================================================
   Typographies globales Accio

   Les modules du theme enfant utilisent ces jetons pour
   reprendre les polices configurees dans Blocksy.
   ========================================================= */

:root {
  --accio-color-ink: #161616;
  --accio-color-white: #ffffff;
  --accio-color-paper: #fffdf8;
  --accio-color-accent: #a84729;
  --accio-color-leaf: #607a3c;
  --accio-color-muted: #6f685f;
  --accio-color-line: rgba(22, 22, 22, 0.22);
  --accio-color-line-soft: rgba(22, 22, 22, 0.16);
  --accio-color-line-muted: rgba(22, 22, 22, 0.18);
  --accio-color-line-medium: rgba(22, 22, 22, 0.2);
  --accio-color-line-subtle: rgba(22, 22, 22, 0.1);
  --accio-color-rule: rgba(22, 22, 22, 0.82);
  --accio-color-accent-soft: rgba(168, 71, 41, 0.08);
  --accio-border-ink: 2px solid var(--accio-color-ink);
  --accio-shadow-xs: 3px 3px 0 var(--accio-color-ink);
  --accio-shadow-sm: 4px 4px 0 var(--accio-color-ink);
  --accio-shadow-md: 5px 5px 0 var(--accio-color-ink);
  --accio-shadow-lg: 8px 8px 0 0 var(--accio-color-ink);
  --accio-shadow-accent-md: 5px 5px 0 var(--accio-color-accent);
  --accio-ticket-rule: linear-gradient(
    180deg,
    transparent 0 4px,
    var(--accio-color-rule) 4px 5px,
    transparent 5px 100%
  );
  --accio-font-base: var(--theme-font-family, "Xanh Mono", serif);
  --accio-font-button: var(--theme-button-font-family, "Covered By Your Grace", cursive);
  --accio-font-size-base: 13.5px;
  --accio-font-size-button: 15px;
  --accio-font-heading-1: "Notable", var(--accio-font-base);
  --accio-font-heading-2: "Barrio", var(--accio-font-base);
  --accio-font-heading-3: "Bahiana", var(--accio-font-base);
  --accio-font-quote: "Quintessential", var(--accio-font-base);
  --accio-font-pullquote: "Jim Nightshade", var(--accio-font-base);
  --accio-font-code: monospace;
}

body,
input,
textarea,
select {
  font-family: var(--accio-font-base);
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.ct-button,
.wp-element-button,
.wp-block-button__link,
.single_add_to_cart_button,
.added_to_cart {
  font-family: var(--accio-font-button);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--theme-font-family);
}

.wp-block-quote,
blockquote.wp-block-quote {
  font-family: var(--theme-font-family, var(--accio-font-quote));
}

.wp-block-pullquote {
  font-family: var(--theme-font-family, var(--accio-font-pullquote));
}

figcaption {
  font-family: var(--theme-font-family, var(--accio-font-quote));
}

pre,
code,
samp,
kbd {
  font-family: var(--theme-font-family, var(--accio-font-code));
}