/* Fireflip theme: the colors, fonts and pictures you are most likely to change live here. */

@font-face {
  font-family: 'Fredoka';
  src: url(../assets/fonts/fredoka-latin-600.woff2) format('woff2');
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: 'Fredoka';
  src: url(../assets/fonts/fredoka-latin-ext-600.woff2) format('woff2');
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fredoka';
  src: url(../assets/fonts/fredoka-latin-700.woff2) format('woff2');
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: 'Fredoka';
  src: url(../assets/fonts/fredoka-latin-ext-700.woff2) format('woff2');
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* text */
  --font: 'Fredoka', 'Nunito', 'Segoe UI', 'Hiragino Sans', 'Noto Sans CJK JP', 'Microsoft YaHei', 'Malgun Gothic', sans-serif;
  --ink: #5b2e12; /* dark brown text on parchment and amber */
  --ink-soft: #8a5a2c;
  --cream: #fff3cf; /* light text on indigo and red */
  --outline-red: #7a1d16; /* outline of the text on the red ribbon */
  --outline-indigo: #2a1a66; /* outline of the text on indigo buttons */

  /* colors */
  --night: #17123a; /* behind everything while the pictures load */
  --veil: rgba(22, 14, 64, 0.72); /* the darkening behind a popup */
  --gold: #ffc94d;
  --amber: #ffb02e;
  --indigo: #4a2fb8;
  --glow: 255, 170, 70; /* the light of a lit lantern, as R, G, B */
  --glow-strong: 255, 232, 160;
  --good: #58c23e;
  /* turns a picture into a deep indigo silhouette (world 5 and the rule card) */
  --shadow-ink: brightness(0) invert(0.18) sepia(1) hue-rotate(205deg) saturate(7) opacity(0.92);
  --shadow: rgba(18, 8, 50, 0.45);

  /* pictures of the interface */
  --img-btn: url(../assets/ui/btn-amber.webp);
  --img-btn-2: url(../assets/ui/btn-indigo.webp);
  --img-ribbon: url(../assets/ui/ribbon-red.webp);
  --img-ribbon-soft: url(../assets/ui/ribbon-amber.webp);
  --img-ribbon-name: url(../assets/ui/ribbon-name.webp);
  --img-pill: url(../assets/ui/pill.webp);
  --img-panel: url(../assets/ui/panel-tall.webp);
  --img-panel-wide: url(../assets/ui/panel-wide.webp);
  --img-card-front: url(../assets/cards/front.webp);
  --img-card-moon: url(../assets/cards/front-moon.webp);
  --img-card-gold: url(../assets/cards/back-gold.webp);
}

/* End of css/theme.css */