/* Mezaflow design tokens. Brand colours are overridden at runtime by /assets/theme.css (edited in the
   Admin Console's Website & Branding section); everything else derives from them. */
:root {
  --mz-navy: #090D19;
  --mz-blue: #5979FF;
  --mz-violet: #9666FF;
  --mz-cyan: #7088FF;
  --mz-offwhite: #F5F7FD;
  --mz-font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mz-head: Manrope, "DM Sans", system-ui, sans-serif;

  --mz-ink-1: #0B1220;           /* text on light */
  --mz-ink-2: #334155;
  --mz-ink-3: #64748B;
  --mz-line: #E2E8F0;
  --mz-surface: #FFFFFF;
  --mz-surface-2: #F1F5F9;
  --mz-success: #059669;
  --mz-warning: #D97706;
  --mz-danger: #DC2626;

  --mz-dark-1: #090D19;          /* page */
  --mz-dark-2: #111A2E;          /* raised */
  --mz-dark-3: #1E293B;
  --mz-dark-line: rgba(148, 163, 184, .22);
  --mz-dark-text: #E2E8F0;
  --mz-dark-muted: #94A3B8;

  --mz-radius: 14px;
  --mz-radius-sm: 9px;
  --mz-shadow: 0 10px 30px rgba(11, 18, 32, .12);
  --mz-gradient: linear-gradient(135deg, var(--mz-blue), var(--mz-violet));
}