/* NightForward style catalogue: Letterhead (Everyday businesses)
   Energy 2/5, light, radius 2px.
   Mood: Composed, personal, trusted.
   Fits: Consultants, coaches, freelancers, small agencies, sole practices in architecture, engineering and law.
   Avoid for: Retail, nightlife, anything that sells on volume.
   Source: A consultant's letterhead: ivory paper, charcoal type, a wax-seal red and a faint watermark.

   Generated by catalogue/export_tokens.py. Do not edit by hand: change the style in
   catalogue/build.py or catalogue/extra_styles.py and run the script again.
   Fonts are free under the SIL Open Font License 1.1. Self-host them in production, so visitor IP
   addresses are not sent to Google (ruled a GDPR breach by the Munich regional court, January 2022).
   Google Fonts, for a quick start only:
   (the fonts are self-hosted here: fonts/fonts.css)
*/
:root {
  color-scheme: light;

  /* Colors */
  --base: #F6F2EA;          /* Ivory: Base */
  --surface: #FFFFFF;       /* Sheet: Surface */
  --ink: #2B2B2B;           /* Charcoal: Ink */
  --muted: #5C5C5C;         /* Grey: Muted */
  --accent: #8E2F2A;        /* Wax Red: Accent */
  --spot: #9A8B6E;          /* Watermark: Fills only */
  --on-accent: #FFFFFF;     /* text on the accent */
  --button-bg: #8E2F2A;     /* the button: accent */
  --button-fg: #FFFFFF;     /* text on the button: surface, 8.1:1 */

  /* Type */
  --font-display: 'Libre Baskerville',Baskerville,Georgia,serif;
  --font-body: 'Source Sans 3','Helvetica Neue',Arial,sans-serif;
  --font-label: 'Source Sans 3','Helvetica Neue',Arial,sans-serif;
  --display-weight: 400;
  --display-transform: none;
  --display-tracking: -0.005em;

  /* Shape */
  --radius: 2px;
  --radius-button: 2px;     /* same as --radius */

  /* Spacing: the catalogue's shared scale, the same in every style */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --measure: 65ch;
  --gutter: clamp(16px, 4vw, 48px);
}

/* Component rules, from the catalogue:
   - Radius 2px.
   - The page is a letter: a Sheet panel on Ivory with a wide left margin, the name at the top, the signature line at the end.
   - Wax Red is the one button and the seal mark; Watermark is a faint fill behind one section, never text.
   - Serif headlines at text size, not display size; body text at 18px with generous leading.
   - No client logos, no testimonials with names: a plain list of the kinds of work done.
   Contrast, WCAG 2.2 (computed from the hex values above):
   - Charcoal on Ivory: 12.7:1 AAA
   - Grey on Sheet: 6.7:1 AA
   - Sheet on Wax Red (button): 8.1:1 AAA
   - Wax Red on Ivory: 7.3:1 AAA
   - Watermark on Ivory (fills only): 3.0:1 Not for text
   - Charcoal on Sheet: 14.2:1 AAA
*/