/* Design tokens — christianrenezeder.at v2 ("Atelier" / Matted direction).
   Palette, typography and primitives derived from the Claude Design source. */
:root {
  /* surfaces */
  --cream: #F2ECE1;      /* main page surface */
  --cream-2: #E7DFD1;    /* body behind the page */
  --panel: #F7F1E4;      /* framed-image panel */
  --mat: #fff;           /* white mat around artworks */

  /* accent + ink */
  --ochre: #B26B33;
  --ochre-hover: #8f5426;
  --ink: #2B2620;

  /* muted text ramp */
  --text-1: #5F594D;
  --text-2: #665F52;
  --text-3: #8C826E;
  --text-4: #A2957E;
  --placeholder: #B3A992;

  /* lines */
  --rule: rgba(0, 0, 0, 0.08);
  --rule-strong: rgba(0, 0, 0, 0.16);

  /* type */
  --font-serif: 'Newsreader', Georgia, serif;
  --font-sans: 'Hanken Grotesk', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  /* layout */
  --maxw: 1240px;
  --gutter: clamp(22px, 5vw, 54px);

  /* radii + shadow */
  --radius: 3px;
  --shadow-mat: 0 12px 34px rgba(0, 0, 0, 0.17);
}