/* Tokyo Weekender colour system. Values transcribed from the WordPress theme
   (assets/less/variables.less + the per-block CSS) and the Figma capture. */
:root{
  /* ── Base neutrals ── */
  --tw-black:#000;
  --tw-white:#fff;
  --tw-grey-1:#707070;   /* default body/link colour, hairline rules, nav links */
  --tw-grey-2:#D6D6D6;   /* section rules, card dividers, footer border */
  --tw-grey-3:#ADADAD;   /* tag list text */
  --tw-ink-2:#363636;    /* article body, subtitles, child nav links */
  --tw-ink-3:#2e2e2e;    /* location subtitle */
  --tw-grey-20:#333;     /* select / edition switcher text */
  --tw-grey-35:#5A5A5A;  /* title + category hover */
  --tw-grey-47:#757575;  /* search placeholder (Figma: rgb 117,117,117) */
  --tw-grey-53:#878787;  /* tag hover */
  --tw-grey-54:#8a8a8a;  /* visited link */
  --tw-grey-74:#bdbdbd;  /* global a:hover */
  --tw-grey-87:#DDD;     /* select border */
  --tw-grey-90:#e6e6e6;  /* link on black background */
  --tw-grey-97:#F7F7F7;  /* breadcrumb bar */

  /* ── Brand accents ── */
  --tw-red:#EB2323;         /* the one loud colour: category labels, hover */
  --tw-gold:#B8A15C;        /* hr ornament, heading underline rule */
  --tw-gold-pale:#F0E6C8;   /* gold underlined-button text-decoration */
  --tw-gold-deep:#B4A165;   /* magazine / table-of-contents accents */
  --tw-blue-link:#0250BB;   /* in-article inline links only */

  /* ── Destinations map palette ── */
  --tw-green:#6F9C76;
  --tw-green-mid:#6B9D7A;
  --tw-green-deep:#3D7A52;
  --tw-green-pale:#A8D5BA;

  /* ── Semantic aliases ── */
  --text-body:var(--tw-grey-1);
  --text-strong:var(--tw-black);
  --text-article:var(--tw-ink-2);
  --text-muted:var(--tw-grey-3);
  --text-meta:var(--tw-grey-1);
  --text-accent:var(--tw-red);
  --text-inverse:var(--tw-white);
  --text-placeholder:var(--tw-grey-47);

  --link-default:var(--tw-grey-1);
  --link-hover:var(--tw-grey-74);
  --link-visited:var(--tw-grey-54);
  --link-inline:var(--tw-blue-link);
  --title-hover:var(--tw-grey-35);

  --surface-page:var(--tw-white);
  --surface-inverse:var(--tw-black);
  --surface-subtle:var(--tw-grey-97);
  --surface-card:var(--tw-white);

  --border-hairline:var(--tw-grey-1);   /* 1px rules under section headings, top nav */
  --border-divider:var(--tw-grey-2);    /* card + grid dividers, footer */
  --border-field:var(--tw-grey-87);
  --rule-ornament:var(--tw-gold);
}
/* Inverted context — see .black-background in assets/css/desktop.css */
.tw-inverse{color:var(--tw-white);background:var(--tw-black);--text-body:var(--tw-white);--link-default:var(--tw-grey-90);--link-hover:var(--tw-white);--border-hairline:var(--tw-white);--border-divider:var(--tw-white)}