/* tokens.css — the KohGem palette is the logo's own rose pill (#DBAEA1) and its
   champagne-gold diamond, on the moodboard's cream paper with wine-red ink. */
:root {
  --rose: #dbaea1;
  --rose-2: #cf9a8d;
  --rose-deep: #b97a70;
  --rose-shadow: #8e5a55;
  --blush: #f3dfd7;
  --cream: #f7f0e6;
  --paper: #efe5d8;
  --ink: #4f2629;
  --ink-soft: #7a4e4f;
  --wine: #8a2232;

  --gold-1: #a8741f;
  --gold-2: #c99a3e;
  --gold-3: #ebcb84;
  --gold-4: #fff3cf;
  /* deeper foil for type on cream paper, where the light gold washes out */
  --foil-ink: linear-gradient(100deg, #7a4f0e 0%, #a8741f 30%, #d9b061 48%, #b8862b 60%, #7a4f0e 100%);
  --foil: linear-gradient(100deg, var(--gold-1) 0%, var(--gold-2) 22%, var(--gold-4) 46%, var(--gold-3) 58%, var(--gold-1) 100%);

  --f-display: "Cormorant Garamond", "Times New Roman", serif;
  --f-script: "Great Vibes", "Snell Roundhand", cursive;
  --f-ui: "Jost", "Avenir Next", system-ui, sans-serif;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-swing: cubic-bezier(0.34, 1.4, 0.64, 1);

  --gutter: clamp(20px, 6vw, 48px);
  --measure: 34rem;
}