/* Tokens of the «Expedición» system: colors, timings and curves shared by the views.
   The same set of timings lives in js/motion.js for animations done in JS. */

:root {
  /* Color */
  --c-paper: #f2e8d2;     /* notebook */
  --c-linen: #e2cfa6;
  --c-walnut: #6b4a32;
  --c-earth: #4e3220;     /* dino name: dark earth */
  --c-ink: #2e2a24;       /* outline and text */
  --c-pencil: #5e5446;    /* pencil lettering and strokes */
  --c-amber: #e59a2e;     /* main action, what's current */
  --c-moss: #5e8c4a;      /* success, advance */
  --c-brass: #c9b48c;

  /* Type */
  --font-hand: 'Caveat', 'Bradley Hand', 'Chalkboard SE', cursive;

  /* Motion */
  --t-tap: 70ms;
  --t-ui: 220ms;
  --t-settle: 420ms;
  --t-reveal: 900ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  /* Short overshoot (≈ 4%) for objects that settle. */
  --ease-settle: cubic-bezier(0.34, 1.3, 0.64, 1);
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/caveat-700-latin.woff') format('woff');
}