/* KXCO by Knightsbridge brand tokens. Source: KXCO_Brand_Identity_Guidelines.pdf (KXCO-BRD-005). */
@font-face { font-family: 'Cormorant Garamond'; src: url('/brand/fonts/cormorant-garamond.woff2') format('woff2'); font-weight: 300 700; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/brand/fonts/dm-sans.woff2') format('woff2'); font-weight: 100 1000; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/brand/fonts/jetbrains-mono.woff2') format('woff2'); font-weight: 100 800; font-display: swap; }

:root {
  --kx-ink: #0B0A08;
  --kx-cream: #F6F1E6;
  --kx-navy: #061121;
  --kx-ochre: #E8DCBE;
  --kx-gold: #B8923C;
  --kx-gold-text: #7A5C1E;
  --kx-gold-line: #8A6A22;
  --kx-gold-light: #C9A24A;
  --kx-grey: #5B5240;

  --kx-font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --kx-font-body: 'DM Sans', system-ui, sans-serif;
  --kx-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* type scale, web: display, h1, h2, h3, lede, body, small, label */
  --kx-size-display: clamp(2.75rem, 5vw, 4.5rem);
  --kx-size-h1: clamp(2.25rem, 3.6vw, 3.25rem);
  --kx-size-h2: clamp(1.75rem, 2.6vw, 2.25rem);
  --kx-size-h3: 1.375rem;
  --kx-size-lede: 1.25rem;
  --kx-size-body: 1rem;
  --kx-size-small: 0.875rem;
  --kx-size-label: 0.75rem;
  --kx-tracking-label: 0.22em;
  --kx-rule: 1px solid rgba(11, 10, 8, 0.18);
}

/* Text on light grounds uses ink. Small gold text on cream or ochre uses --kx-gold-text, never --kx-gold (fails WCAG AA). */
.kx-label { font-family: var(--kx-font-body); font-size: var(--kx-size-label); font-weight: 600; letter-spacing: var(--kx-tracking-label); text-transform: uppercase; color: var(--kx-gold-text); }
.kx-display { font-family: var(--kx-font-display); font-weight: 400; line-height: 1.04; }