/* Paleta barev — the seven manual colours, verbatim hex. */
:root{
  --eerie-black:#1C1A1B;
  --blood-red:#6A1908;
  --dark-spring-green:#037A54;
  --giants-orange:#F8572D;
  --majorelle-blue:#7349F5;
  --honey-wax:#FFAB24;
  --old-lace:#F8EFE0;

  /* tints & shades — derived, for hovers, rules and washes only */
  --black-80:#4A4748;
  --black-60:#787576;
  --black-40:#A6A3A4;
  --black-16:#DCD8D6;
  --old-lace-deep:#EFE2CC;
  --old-lace-soft:#FCF7EE;
  --orange-deep:#D8410F;
  --amber-deep:#E2900A;
  --green-deep:#02613F;
  --violet-deep:#5A32D8;
  --paper-white:#FFFFFF;

  /* semantic surfaces */
  --surface-page:var(--old-lace);
  --surface-card:var(--paper-white);
  --surface-sunken:var(--old-lace-deep);
  --surface-inverse:var(--eerie-black);
  --surface-accent:var(--giants-orange);
  --surface-warm:var(--honey-wax);
  --surface-positive:var(--dark-spring-green);
  --surface-focus:var(--majorelle-blue);
  --surface-alarm:var(--blood-red);

  /* semantic text */
  --text-body:var(--eerie-black);
  --text-muted:var(--black-60);
  --text-inverse:var(--old-lace);
  --text-accent:var(--giants-orange);
  --text-positive:var(--dark-spring-green);
  --text-link:var(--giants-orange);
  --text-link-hover:var(--orange-deep);

  /* lines */
  --border-hairline:var(--black-16);
  --border-strong:var(--eerie-black);
  --focus-ring:var(--majorelle-blue);
}