:root {
  --cs-brand: #b3b000;
  --cs-brand-dark: #8f8c00;
  --cs-brand-light: rgba(179, 176, 0, 0.12);
  --cs-brand-muted: rgba(179, 176, 0, 0.22);

  /* Menu-board typography palette */
  --cs-heading: #a52a2a;
  --cs-heading-hover: #8b1a1a;
  --cs-body: #000000;
  --cs-body-soft: #1a1a1a;

  --cs-ink: #000000;
  --cs-ink-soft: #1a1a1a;
  --cs-ink-muted: #444444;

  --cs-surface: #ffffff;
  --cs-surface-warm: #fffef8;
  --cs-surface-muted: #f3f6fa;
  --cs-border: rgba(27, 52, 77, 0.1);
  --cs-border-strong: rgba(27, 52, 77, 0.16);

  --cs-radius-sm: 10px;
  --cs-radius-md: 14px;
  --cs-radius-lg: 18px;
  --cs-radius-xl: 22px;
  --cs-radius-pill: 999px;

  --cs-shadow-sm: 0 4px 14px rgba(20, 43, 67, 0.08);
  --cs-shadow-md: 0 12px 32px rgba(20, 43, 67, 0.12);
  --cs-shadow-lg: 0 18px 40px rgba(20, 43, 67, 0.16);

  --cs-font: "Montserrat", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --cs-header-height: 64px;

  --cs-transition: 0.2s ease;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--cs-font);
  color: var(--cs-ink);
  background: var(--cs-surface);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u-hidden {
  display: none !important;
}

.is-hidden {
  visibility: hidden;
}