/* Design tokens for the portfolio: colour, type, space, motion.
   Palette: colorhunt de7272 ffca88 fff6a9 b4e4d6 on warm paper.
   Coral and mint are too light for text, so text uses the -ink variants. */

@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/instrument-sans-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("/assets/fonts/instrument-serif-latin-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/assets/fonts/geist-mono-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;

  --paper: #fffcf5;
  --surface: #ffffff;
  --ink: #231a17;
  --muted: #5f534d;
  --faint: #7a6e67;
  --line: rgba(35, 26, 23, 0.14);
  --line-strong: rgba(35, 26, 23, 0.28);

  --coral: #de7272;
  --coral-ink: #a8403f;
  --coral-soft: #f7d3cd;
  --peach: #ffca88;
  --lemon: #fff6a9;
  --mint: #b4e4d6;
  --mint-ink: #1f6b57;

  --sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --serif: "Instrument Serif", ui-serif, Georgia, serif;
  --mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 32px;
  --gutter: clamp(20px, 4vw, 40px);
  --max: 1280px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}