/* Rhythm & Rose brand tokens, from the Brand Standard v2.2 (Moiré · Silk Gold, final 16 October 2026).
   Do not add colours or edit values here without updating the brand standard first. */
:root{
  /* The seven */
  --rr-ivory-silk: #F4EFE9;
  --rr-pearl-grey: #CFC8C2;
  --rr-blush: #E7C9C6;
  --rr-silk-gold: #C9A153;
  --rr-deep-rose: #9E3A55;
  --rr-hot-fuchsia: #E0417F;
  --rr-ink-navy: #1F2433;
  /* Supporting — derived, not brand colours */
  --rr-muted-on-light: #6E6560;
  --rr-muted-on-dark: #9C8C91;
  --rr-rule-on-light: rgba(31,36,51, .14);
  --rr-rule-on-dark: rgba(244, 239, 233, .16);
  --rr-antique-gold: #8E6B2E; /* gold shadow — shading only, never a flat fill */
  /* Ground: IVORY (default) */
  --rr-second: var(--rr-pearl-grey);
  --rr-bg: var(--rr-ivory-silk);
  --rr-fg: var(--rr-ink-navy);
  --rr-muted: var(--rr-muted-on-light);
  --rr-accent: var(--rr-deep-rose);
  --rr-rule: var(--rr-rule-on-light);
  /* Type */
  --rr-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --rr-text: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rr-size-display-xl: 96px;
  --rr-size-display-l: 64px;
  --rr-size-display-m: 44px;
  --rr-size-display-s: 30px;
  --rr-size-heading: 24px;
  --rr-size-subhead: 20px;
  --rr-size-body: 18px;
  --rr-size-body-s: 16px;
  --rr-size-small: 14px;
  --rr-size-label: 11px;
  /* Tracking */
  --rr-track-display: .015em; /* title-case display, 30px and up. Ceiling: .03em */
  --rr-track-caps: .26em;
  --rr-track-caps-ws: .18em; /* must accompany --rr-track-caps */
  --rr-track-label: .20em;
  --rr-track-text: 0; /* body copy — never positive */
  --rr-leading-display: 1.02;
  --rr-leading-body: 1.66;
  /* Space (8px base) */
  --rr-space-1: 8px;
  --rr-space-2: 16px;
  --rr-space-3: 24px;
  --rr-space-4: 40px;
  --rr-space-5: 64px;
  --rr-space-6: 104px;
  --rr-measure: 62ch;
  --rr-radius: 0; /* the system has no rounded corners */
}
/* Ground: NAVY */
[data-rr-ground="dark"]{
  --rr-bg: var(--rr-ink-navy);
  --rr-fg: var(--rr-ivory-silk);
  --rr-muted: var(--rr-muted-on-dark);
  --rr-accent: var(--rr-hot-fuchsia);
  --rr-rule: var(--rr-rule-on-dark);
  --rr-second: var(--rr-pearl-grey);
}