/* Shuttermugs design tokens.
   Layout: a bridal magazine on screen. A 12-column grid with wide margins, photographs given room,
   text set left, hairline rules between sections. One light theme, chosen on purpose. */
:root {
  color-scheme: light;

  /* palette: cool paper and ink, accents taken from the studio's own photos */
  --paper: #F6F7F4;
  --paper-2: #ECEEE9;
  --ink: #15171A;
  --ink-2: #5A5F5E;
  --rule: #D3D7D0;
  --film: #111214;
  --bluehour: #1F3354;   /* the navy of their blue-hour cover photo */
  --tungsten: #8A5A24;   /* the warm lamp light of their profile photo */
  --grease: #C2332B;     /* grease-pencil circles on the contact sheet, nothing else */
  --edgeprint: #E8B04B;  /* film edge print on --film */

  /* type */
  --font-display: "Bodoni Moda", "Bodoni 72", Didot, "Times New Roman", serif;
  --font-text: "Jost", Futura, "Century Gothic", "Trebuchet MS", sans-serif;
  --step-mood: clamp(2.25rem, 5.6vw, 5.5rem);
  --step-4: clamp(2.25rem, 5.5vw, 4.5rem);
  --step-3: clamp(1.6rem, 3vw, 2.4rem);
  --step-2: clamp(1.25rem, 2vw, 1.5rem);
  --step-1: 1.25rem;
  --step-0: 1.0625rem;
  --step--1: 0.8125rem;
  --step--2: 0.6875rem;
  --track-caps: 0.12em;

  /* space and layout */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --section: clamp(5rem, 12vw, 10rem);
  --max: 1440px;
  --col-gap: clamp(16px, 2.5vw, 32px);
  --masthead-h: 64px;
  --radius: 3px;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-ui: 300ms;
  --dur-mood: 1100ms;
  --dur-reveal: 900ms;
}