@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Jost:wght@400;500;600&display=swap');

:root {
  --forest: #0f3d2e;
  --forest-deep: #0a2a20;
  --leaf: #2f7d4f;
  --gold: #caa05a;
  --cream: #f4efe3;
  --paper: #fffdf8;
  --ink: #1a1a17;

  --status-instock: #2f7d4f;
  --status-low: #c8962f;
  --status-out: #b14a3b;

  /* type */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Jost', system-ui, -apple-system, sans-serif;
  --text-xs: 11px; --text-sm: 13px; --text-base: 15px; --text-lg: 18px;
  --display-sm: 22px; --display-md: 28px; --display-lg: 38px; --display-xl: 52px;

  --radius: 12px;

  /* atmosphere */
  --hair: rgba(15,61,46,.12);
  --shadow-card: 0 1px 2px rgba(15,61,46,.06);
  --shadow-lift: 0 14px 34px rgba(15,61,46,.16);

  /* motion */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur: .18s;
}