/**
 * Vanzy design tokens — premium marketplace (vanzy.uk)
 * Navy + teal accent, airy spacing, professional shadows.
 */
:root {
  /* Brand */
  --vz-navy: #1e4a8c;
  --vz-navy-deep: #153566;
  --vz-navy-soft: #2a5a9e;
  --vz-teal: #0d7377;
  --vz-teal-bright: #14a3a8;
  --vz-teal-deep: #095456;
  --vz-teal-soft: rgba(13, 115, 119, 0.1);
  --vz-teal-glow: rgba(13, 115, 119, 0.22);

  /* Neutrals */
  --vz-ink: #12202e;
  --vz-ink-soft: #2a3d4f;
  --vz-muted: #5a6f82;
  --vz-line: rgba(18, 32, 46, 0.1);
  --vz-line-strong: rgba(18, 32, 46, 0.16);
  --vz-surface: #f4f7fa;
  --vz-paper: #ffffff;

  /* Semantic aliases (used across production + marketplace) */
  --prod-ink: var(--vz-ink);
  --prod-ink-soft: var(--vz-ink-soft);
  --prod-muted: var(--vz-muted);
  --prod-line: var(--vz-line);
  --prod-surface: var(--vz-surface);
  --prod-paper: var(--vz-paper);
  --prod-teal: var(--vz-teal);
  --prod-teal-deep: var(--vz-teal-deep);
  --prod-glow: var(--vz-teal-glow);

  --mp-bg: var(--vz-paper);
  --mp-surface: var(--vz-surface);
  --mp-border: #e4e7eb;
  --mp-border-strong: #d0d5dc;
  --mp-ink: var(--vz-ink);
  --mp-ink-soft: var(--vz-ink-soft);
  --mp-muted: var(--vz-muted);
  --mp-accent: var(--vz-navy);
  --mp-accent-hover: var(--vz-navy-deep);
  --mp-accent-soft: rgba(30, 74, 140, 0.08);
  --mp-teal: var(--vz-teal);
  --mp-green: #16a34a;
  --mp-gold: #f59e0b;

  /* Radius */
  --vz-radius-sm: 8px;
  --vz-radius: 12px;
  --vz-radius-lg: 16px;
  --vz-radius-xl: 20px;
  --mp-radius: var(--vz-radius-sm);
  --mp-radius-lg: var(--vz-radius);

  /* Shadows */
  --vz-shadow-sm: 0 1px 3px rgba(18, 32, 46, 0.06);
  --vz-shadow: 0 4px 16px rgba(18, 32, 46, 0.08);
  --vz-shadow-lg: 0 12px 40px rgba(18, 32, 46, 0.12);
  --vz-shadow-hero: 0 8px 32px rgba(30, 74, 140, 0.18);
  --mp-shadow: var(--vz-shadow-sm);
  --mp-shadow-md: var(--vz-shadow);

  /* Spacing scale */
  --vz-space-xs: 4px;
  --vz-space-sm: 8px;
  --vz-space-md: 16px;
  --vz-space-lg: 24px;
  --vz-space-xl: 32px;
  --vz-space-2xl: 48px;
  --vz-space-3xl: 64px;

  /* Layout */
  --prod-max: 1140px;
  --mp-max: 1200px;
  --prod-header: 68px;
  --vz-bottom-nav: 64px;

  /* Typography */
  --prod-body: 'Manrope', system-ui, -apple-system, sans-serif;
  --prod-display: 'Manrope', system-ui, sans-serif;
  --mp-font: var(--prod-body);
  --mp-display: var(--prod-display);
}