/* Longtable design tokens (source of truth for 04-site/css/tokens.css) */
@font-face { font-family: "Bricolage"; src: url("../fonts/bricolage.woff2") format("woff2"); font-weight: 300 700; font-stretch: 75% 100%; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("../fonts/fraunces.woff2") format("woff2"); font-weight: 300 400; font-display: swap; }

:root {
  /* colour */
  --linen: #f4eee6;        /* page */
  --sand: #efe5d9;         /* hero backdrop */
  --wordmark: #dccfbf;     /* loader / overlay wordmark */
  --ink: #1c1a17;
  --ink-60: rgba(28, 26, 23, .74);
  --ink-20: rgba(28, 26, 23, .2);
  --coral: #f28b6e;        /* the light: beams, work page */
  --tomato: #c7381d;       /* bold section (cities); deep enough for linen body text (4.6:1) */
  --butter: #ffe17d;       /* tabs, menus, highlights */
  --butter-light: #fff6d8; /* card 1 */
  --sky: #d7ebf0;          /* card 2 */
  --blush: #f9cfc2;        /* card 3 */
  --sage: #dce6cf;         /* card 4 */
  --night: #1c1a17;        /* dark sections */

  /* type */
  --font-sans: "Bricolage", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Fraunces", Georgia, serif;

  /* layout */
  --pad: 3.2rem;
  --gap: 3.2rem;
  --tab-h: 4.5rem;
  --tab-r: 2.4rem;

  /* motion */
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeInOutQuart: cubic-bezier(.76, 0, .24, 1);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
}