/* Masa design tokens — shared "classic" bundle (marketing site + owner dashboard + classic-theme QR menu) */
:root {
  --masa-font-serif: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --masa-font-sans: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --masa-font-mono: 'Space Mono', ui-monospace, monospace;

  --masa-bg: #F8F9FC;
  --masa-bg-alt: #F1F2F7;
  --masa-surface: #ffffff;
  --masa-border: #E5E7EB;
  --masa-border-soft: #EEF0F3;

  --masa-text: #0F172A;
  --masa-text-secondary: #334155;
  --masa-text-tertiary: #475569;
  --masa-muted: #64748B;
  --masa-muted-2: #94A3B8;

  --masa-accent: #4F46E5;
  --masa-accent-hover: #4338CA;
  --masa-accent-soft-bg: #EEF2FF;

  --masa-ink: #0F172A;
  --masa-ink-soft: #1E293B;
  --masa-ink-border: #334155;

  --masa-warning: #D97706;
  --masa-warning-bg: #FEF3C7;
  --masa-warning-fg: #92400E;

  --masa-success: #16A34A;
  --masa-success-bg: #DCFCE7;

  --masa-info: #2563EB;
  --masa-info-bg: #DBEAFE;

  --masa-danger: #DC2626;
  --masa-danger-alt: #EF4444;
  --masa-danger-bg: #FEE2E2;

  --masa-image-bg: #F1F5F9;
  --masa-image-bg-alt: #E2E8F0;

  --masa-radius-sm: 6px;
  --masa-radius-md: 8px;
  --masa-radius-lg: 10px;
  --masa-radius-xl: 12px;
  --masa-radius-pill: 999px;
}