/* A Touch of Love — design tokens
 *
 * Palette: taken from Linda's own logo (2026-09-26). Cream ground, her sage
 * for the sympathy room, her dusty rose for events, her gold as an accent.
 * This replaced the Ode a la Rose palette once the logo arrived — the site
 * should look built around the logo, not beside it. The Ode values and the
 * photo-sampled values are both recorded in the spec if we ever go back.
 *
 * The two rooms are the whole idea. Sympathy runs cool sage on cream; Events
 * runs warm rose on a deeper cream. Everything that carries temperature is
 * defined once here as --room-* and re-pointed by [data-room] — nothing else
 * in the stylesheet may hard-code sage or rose.
 */

:root {
  /* Shared spine ------------------------------------------------------- */
  --ink: #3c3c3c;          /* not black. this is what keeps the page soft */
  --muted: #6f6f6f;
  --rule: #e6e0d4;         /* warmed to sit on cream, not on white */
  --white: #ffffff;
  --cream: #fbf8ef;        /* the logo's own ground. the site's paper. */
  --cream-deep: #f4efe1;   /* one step down, for the alternating panel */

  /* The two poles — both lifted from the logo ------------------------- */
  --green: #8b9c81;        /* her mid sage */
  --green-deep: #646f5e;   /* her deepest sage */
  --red: #b15e52;          /* her dusty rose */
  --red-deep: #9b4438;     /* deepened so it still carries on cream */
  --gold: #dcc279;         /* the gold in the wreath. used sparingly. */

  /* Room defaults (sympathy). Re-pointed below. ------------------------ */
  --room-accent: var(--green);
  --room-accent-deep: var(--green-deep);
  --room-paper: var(--cream);

  /* Type --------------------------------------------------------------- */
  --display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --body: "Archivo", "Helvetica Neue", Arial, sans-serif;

  /* Scale — 1.25 minor third, anchored at 17px body.
     Display sizes fluid so the headline stays a headline on a phone. */
  --t-body: 1.0625rem;
  --t-small: 0.9375rem;
  --t-fine: 0.8125rem;
  --t-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --t-h2: clamp(1.75rem, 1.4rem + 1.5vw, 2.6rem);
  --t-h1: clamp(2.75rem, 1.6rem + 5.2vw, 6rem);

  /* Measure */
  --measure: 63ch;

  /* Space — 4px base */
  --s1: 0.25rem;
  --s2: 0.5rem;
  --s3: 0.75rem;
  --s4: 1rem;
  --s5: 1.5rem;
  --s6: 2rem;
  --s7: 3rem;
  --s8: 4.5rem;
  --s9: 7rem;

  /* Radii — deliberately non-uniform. The brief bans 8px-on-everything:
     inputs get a hairline of softness, photo frames get none at all, and
     only the two room doors are pills. */
  --r-input: 2px;
  --r-frame: 0;
  --r-door: 999px;

  /* The spine: page-left rule that carries the current room's colour. */
  --spine-w: 5px;
}

[data-room="events"] {
  --room-accent: var(--red);
  --room-accent-deep: var(--red-deep);
  --room-paper: var(--cream-deep);
}