/* Seven neutrals. There is no accent colour in this brand — do not add one.
   Colour comes only from the photographs. */
:root{
  --ink-000:#000000;
  --ink-222:#222222;
  --ink-2e:#2e2e2e;
  --ink-333:#333333;
  --ink-6d:#6d6d6d;
  --ink-949:#949494;
  --ink-e5:#e5e5e5;
  --ink-f0:#f0f0f0;
  --ink-f5:#f5f5f5;

  /* Roles — dark ground (default) */
  --bg:var(--ink-222);
  --bg-raised:var(--ink-333);
  --bg-deep:var(--ink-000);
  --fg:var(--ink-f0);
  --fg-dim:var(--ink-949);
  --fg-dimmer:var(--ink-6d);
  --rule:var(--ink-2e);

  /* Text roles */
  --text-body:var(--fg);
  --text-title:var(--fg);
  --text-location:var(--fg-dim);
  --text-year:var(--fg-dimmer);
  --text-label:var(--fg-dim);

  /* Surfaces */
  --surface-page:var(--bg);
  --surface-card:var(--bg-raised);
  --surface-lightbox:rgba(0,0,0,0.94);
  --surface-scrim:rgba(34,34,34,0.72);

  /* Interaction — opacity only, never a colour shift */
  --hover-opacity:0.62; /* @kind other */
  --press-opacity:0.45; /* @kind other */
  --focus-ring:var(--ink-949);
}

/* Light inversion — the consultancy ground. Used for print, letterhead, the
   inverted lockup. Not used for gallery pages. */
.on-light{
  --bg:var(--ink-f5);
  --bg-raised:var(--ink-f0);
  --fg:var(--ink-333);
  --fg-dim:var(--ink-6d);
  --fg-dimmer:var(--ink-949);
  --rule:var(--ink-e5);
}