/* Skin map: BethCNC portfolio. Reads the portfolio's primitives and semantics. */
:root {
  --cs-ground: var(--color-navy-800);
  --cs-on-ground: var(--color-ink-50);
  --cs-accent: var(--color-yellow-500);
  --cs-on-accent: var(--color-ink-950);
  --cs-canvas: var(--surface-canvas);
  --cs-band: var(--color-white);
  --cs-text: var(--color-ink-900);
  --cs-head: var(--color-ink-950);
  --cs-rule: var(--color-ink-950);
  --cs-hair: var(--color-sky-700);
  --cs-focus: var(--color-navy-500);
  --cs-font-display: var(--font-family-serif);
  --cs-font-body: var(--font-family-serif);
  --cs-font-label: var(--font-family-sans);
  --cs-display-weight: 500;
  --cs-radius: 0;
  --cs-discover: var(--color-navy-400);
  --cs-define: var(--color-yellow-600);
  --cs-design: var(--color-pink-600);
  --cs-reflect: var(--color-ink-950);
  --cs-s1: var(--spacing-16); --cs-s2: var(--spacing-24); --cs-s3: var(--spacing-32); --cs-s4: var(--spacing-48); --cs-s5: var(--spacing-64); --cs-s6: var(--spacing-96); --cs-s7: var(--spacing-128);
  --cs-fs-sm: var(--font-size-14); --cs-fs-md: var(--font-size-20); --cs-fs-lg: var(--font-size-24); --cs-fs-xl: var(--font-size-28); --cs-fs-2xl: var(--font-size-36); --cs-fs-3xl: var(--font-size-48); --cs-fs-4xl: var(--font-size-72); --cs-fs-5xl: var(--font-size-96);
  --cs-lh: 1.55;
}
.wordmark { font-family: var(--font-family-serif); font-size: var(--font-size-28); font-weight: 500; color: var(--cs-on-ground); text-decoration: none; }