/* Brand decisions live here. Layout and component rules live in style.css. */
:root {
  --font-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;

  /* The paper. Everything that tints with it derives from this triple, so changing the
     page colour is one line rather than a hunt through the stylesheet. */
  --color-page-rgb: 240 239 233;
  --color-page: rgb(var(--color-page-rgb));

  --color-ink: #1a211f;
  --color-ink-hover: #3b3830;
  --color-muted: #64605a;
  --color-text-soft: #57514a;
  --color-text-faint: #5b5347;
  --color-text-meta: #635c50;

  --color-accent: #6d5a3e;
  --color-focus: #5b4a22;

  --color-rule: #ded9d0;
  --color-rule-soft: #e3ded3;
  --color-rule-strong: #b3aa9a;
  --color-surface: #eae6db;
  --color-control-fill: #eae7dd80;
  --color-glass: rgba(252, 251, 247, .89);
  --color-glass-line: #ffffffcf;
  --color-chip-ink: #3d352a;
  --color-shadow: #39312612;
  --color-shadow-soft: #3931260d;

  --radius-panel: 28px;
  --content-width: 1120px;
}

/* Each chapter carries its own accent. The series moves warm to cool as it moves outward:
   into the grape, out to the ground it grew in, then across the borders that ground sits
   inside. Tastings inherit their chapter's accent on the homepage and on their own page. */
:root {
  --color-chapter: var(--color-accent);
  --color-chapter-wash: #6d5a3e1c;
}
[data-chapter="a-grape"]        { --color-chapter: #7c3b49; --color-chapter-wash: #7c3b491c; }
[data-chapter="a-place"]        { --color-chapter: #8a6733; --color-chapter-wash: #8a67331c; }
[data-chapter="across-borders"] { --color-chapter: #3f5d78; --color-chapter-wash: #3f5d781c; }