/* Cool monochrome only. Five brand values, no accent colour, no warm tones.
   Every other value in this file is an alpha derivation of Ink Black or Crisp White. */
:root{
  /* Brand palette */
  --ink-black:#1E1E1E;
  --crisp-white:#FFFFFF;
  --mist-grey:#F0F0EF;
  --graphite:#6B6B6B;
  --soft-stone:#C7C7C5;

  /* Ink alphas — hairlines, scrims, hover washes */
  --ink-a04:rgba(30,30,30,.04);
  --ink-a08:rgba(30,30,30,.08);
  --ink-a16:rgba(30,30,30,.16);
  --ink-a40:rgba(30,30,30,.40);
  --ink-a72:rgba(30,30,30,.72);
  --ink-a88:rgba(30,30,30,.88);

  /* White alphas — for use on ink panels and over photography */
  --white-a12:rgba(255,255,255,.12);
  --white-a22:rgba(255,255,255,.22);
  --white-a40:rgba(255,255,255,.40);
  --white-a62:rgba(255,255,255,.62);
  --white-a88:rgba(255,255,255,.88);

  /* Surfaces */
  --bg-page:var(--crisp-white);
  --bg-alt:var(--mist-grey);
  --bg-inverse:var(--ink-black);
  --surface-card:var(--crisp-white);
  --surface-card-alt:var(--mist-grey);
  --surface-plate:var(--mist-grey);
  --surface-field:var(--crisp-white);
  --overlay-scrim:var(--ink-a72);
  --overlay-scrim-soft:var(--ink-a40);

  /* Text */
  --text-primary:var(--ink-black);
  --text-secondary:var(--graphite);
  --text-tertiary:var(--soft-stone);
  --text-inverse:var(--crisp-white);
  --text-inverse-secondary:var(--white-a62);
  --text-disabled:var(--soft-stone);
  --text-link:var(--ink-black);
  --text-link-hover:var(--graphite);

  /* Rules & borders — hairline is the only separator device */
  --rule:var(--soft-stone);
  --rule-soft:var(--ink-a08);
  --rule-strong:var(--ink-black);
  --rule-inverse:var(--white-a22);
  --rule-inverse-strong:var(--crisp-white);

  /* Controls */
  --btn-primary-bg:var(--ink-black);
  --btn-primary-fg:var(--crisp-white);
  --btn-primary-bg-hover:var(--graphite);
  --btn-secondary-fg:var(--ink-black);
  --btn-secondary-border:var(--ink-black);
  --btn-secondary-bg-hover:var(--ink-black);
  --btn-secondary-fg-hover:var(--crisp-white);
  --btn-disabled-bg:var(--mist-grey);
  --btn-disabled-fg:var(--soft-stone);
  --field-border:var(--soft-stone);
  --field-border-hover:var(--graphite);
  --field-border-focus:var(--ink-black);
  --field-placeholder:var(--graphite);
  --focus-ring:var(--ink-black);

  /* Status — expressed in weight and wording, never in hue */
  --status-fg:var(--ink-black);
  --status-rule:var(--ink-black);
  --status-muted-fg:var(--graphite);
}