/* Casterly & Co. Typography Tokens
   Five families carry the system:
     Libre Caslon Text  - display and titles (the wordmark register)
     Cormorant Garamond - body and subheads
     Cormorant SC       - small-caps eyebrows, labels, and section markers
     Cinzel             - heraldic shield interior caps only (rarely live text on web)
     Bodoni Moda        - editorial headlines (optional, for magazine-style work)
   Load the @font-face declarations from /fonts/fonts.css before using these. */

:root {
  --cco-font-display: "Libre Caslon Text", Georgia, "Times New Roman", serif;
  --cco-font-body: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --cco-font-smallcaps: "Cormorant SC", "Cormorant Garamond", Georgia, serif;
  --cco-font-heraldic: "Cinzel", "Libre Caslon Text", Georgia, serif;
  --cco-font-editorial: "Bodoni Moda", "Libre Caslon Text", Georgia, serif;

  --cco-tracking-title: 0.08em;   /* titles set wide, as in the wordmark */
  --cco-tracking-eyebrow: 0.30em; /* small-caps eyebrows set very wide */
  --cco-tracking-label: 0.18em;
}

/* Numeral standard.
   Casterly & Co. requires lining tabular figures for all numerals:
   phone numbers, addresses, dates, financial figures, and tables.
   On the web this is enforced with the two declarations below. Apply the
   .cco-lining-nums utility to any element containing numerals, or rely on
   the global default applied to the body. */
:root,
body,
.cco-lining-nums {
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum", "tnum";
}

/* Optional starting type scale. Adjust to the site as needed. */
.cco-eyebrow {
  font-family: var(--cco-font-smallcaps);
  letter-spacing: var(--cco-tracking-eyebrow);
  text-transform: uppercase;
  color: var(--cco-bronze-deep);
  font-size: 0.75rem;
}

.cco-title {
  font-family: var(--cco-font-display);
  letter-spacing: var(--cco-tracking-title);
  color: var(--cco-slate);
}

.cco-body {
  font-family: var(--cco-font-body);
  color: var(--cco-stone);
  line-height: 1.6;
}