/* ==========================================================================
   Theme, Thurston King Architects
   Warm bone ground, near-black text, zero radius, zero shadow. The
   photography and the whitespace do the work, never a card or a border.

   TYPE
   The client's reference, blankslatestudio.co.uk, sets its headings in
   Goldenbook and its body in Freight Neo Pro, both at weight 300. Goldenbook
   is an art deco Roman display serif; Freight Neo is a warm humanist sans.
   Both are Adobe Fonts, licensed to that studio's own account and locked to
   their domain, so they cannot simply be pointed at from here.

   Standing in for them, as closely as free faces allow:
     display  Cormorant Garamond, a light high-contrast serif that holds the
              same elegance in tracked capitals and in sentence case
     body     Source Sans 3, a humanist sans in the same warm family as Freight

   To switch to the real thing, put an Adobe Fonts kit id in TK_TYPEKIT_KIT
   in functions.php and change the two stacks below. Nothing else moves.
   ========================================================================== */

:root {
  /* Swap "Source Sans 3" for "freight-neo-pro" and "Cormorant Garamond" for
     "goldenbook" once an Adobe Fonts kit is in place. */
  --pm-font-sans: "Source Sans 3", "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --pm-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;

  --pm-weight-heading: 300;

  --pm-palette-primary: #1A1A1A;
  --pm-palette-primary-hover: #3D3A36;
  --pm-palette-on-primary: #EFECE9;
  --pm-palette-accent: #1A1A1A;
  --pm-palette-on-accent: #EFECE9;

  --pm-color-page: #E9E5E0;
  --pm-color-surface: #E9E5E0;
  --pm-color-surface-subtle: #E1DCD5;
  --pm-color-surface-inverse: #1A1A1A;
  --pm-color-surface-inverse-raised: #262421;
  --pm-color-text: #1A1A1A;
  --pm-color-text-muted: #6B655C;
  --pm-color-border: #1A1A1A;
  --pm-color-border-subtle: #CFC8BE;

  --pm-radius-button: 0rem;
  --pm-radius-card: 0rem;
  --pm-radius-image: 0rem;
  --pm-radius-form: 0rem;
  --pm-radius-badge: 0rem;
  --pm-radius-checkbox: 0rem;
  --pm-radius-dropdown: 0rem;

  --pm-shadow-sm: none;
  --pm-shadow-md: none;
  --pm-shadow-lg: none;
}

/* Type: light, large, quiet. */
body { font-weight: 300; font-size: 1.125rem; line-height: 1.75; }

/* Headings are the serif now. Cormorant sits small on the body and its
   strokes are fine, so it takes a little more size, a little more weight at
   small sizes, and none of the negative tracking a sans wanted. */
h1, h2, h3, h4, .pm-h1, .pm-h2, .pm-h3, .pm-h4, .pm-h5, .pm-h6 {
  font-family: var(--pm-font-display);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.2;
}

.pm-lede { font-weight: 300; font-size: 1.1875rem; line-height: 1.7; }

/* Eyebrows and nav: the only tracked, uppercase type on the site, and tiny. */
.pm-eyebrow, .pm-tagline, .pm-stat__label, .k {
  font-family: var(--pm-font-sans);
  font-size: 0.6875rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--pm-fg-muted);
}

/* Buttons are rules and words, never slabs. */
.pm-btn {
  font-size: 0.6875rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding-block: 0.9rem;
  padding-inline: 1.9rem;
  border-width: 1px;
}
.pm-btn--link { padding-inline: 0; letter-spacing: 0.2em; }

/* The wordmark and the navigation take the display face, as they do on the
   reference site, where the logo is set in the same face as ABOUT US. */
.tk-wordmark, .tk-inline a, .navbar-17__links a {
  font-family: var(--pm-font-display);
}

/* Nothing on this site casts a shadow. */
.pm-card, .pm-card--raised, .pm-card--soft { box-shadow: none; }