:root {
  /* Kitchen Crew palette. Semantic pairings are validated in
     assets/branding/color-tokens-v1.json; do not use accent colors on
     unlisted backgrounds for text or interface boundaries. */
  --color-navy-950: #080d1a;
  --color-magenta-500: #ff2a8a;
  --color-pink-400: #ff5b9f;
  --color-cyan-400: #00e5ff;
  --color-violet-600: #7b2cff;
  --color-off-white: #f2f2f2;
  --color-slate-300: #aab2c5;

  --color-canvas: var(--color-navy-950);
  --color-text: var(--color-off-white);
  --color-text-muted: var(--color-slate-300);
  --color-link: var(--color-cyan-400);
  --color-action: var(--color-magenta-500);
  --color-action-text: var(--color-navy-950);
  --color-focus: var(--color-cyan-400);
  --color-error: var(--color-magenta-500);
  --color-success: var(--color-cyan-400);
  --color-warning: var(--color-pink-400);

  --font-display: "DejaVu Sans Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --font-body: "Noto Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Noto Sans Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  --font-display-weight: 700;
  --font-display-style: oblique 12deg;
  --leading-display: 0.92;
  --leading-body: 1.5;
  --tracking-display: -0.025em;
  --tracking-label: 0.075em;
  --text-display-xl: clamp(3rem, 16vw, 7rem);
  --text-display-lg: clamp(2.25rem, 11vw, 5rem);
  --text-title: clamp(1.625rem, 7vw, 2.5rem);
  --text-body: 1rem;
  --text-small: 0.875rem;
}

.kc-display {
  font-family: var(--font-display);
  font-style: var(--font-display-style);
  font-weight: var(--font-display-weight);
  letter-spacing: var(--tracking-display);
  line-height: var(--leading-display);
  overflow-wrap: normal;
  text-transform: uppercase;
}

@container (max-width: 360px) {
  .kc-display { font-size: 2.25rem; }
  h2.kc-display { font-size: 1.5rem; }
}

.kc-body {
  font-family: var(--font-body);
  font-size: var(--text-body);
  line-height: var(--leading-body);
}

.kc-label {
  font-family: var(--font-display);
  font-size: var(--text-small);
  font-style: var(--font-display-style);
  font-weight: var(--font-display-weight);
  letter-spacing: var(--tracking-label);
  line-height: 1.15;
  text-transform: uppercase;
}