/* =====================================================
   ZAHN24 — Shared Design Tokens
   Central brand design system for all z24 plugins
   ===================================================== */

:root {
  /* ── Brand Colors ── */
  --z24-primary: #024B96;
  --z24-primary-hover: #013A75;
  --z24-secondary: #F5F5F5;
  --z24-accent: #12D2A1;
  --z24-text: #111827;
  --z24-text-muted: #6B7280;
  --z24-bg: #F4F7F9;
  --z24-bg-card: #FFFFFF;
  --z24-border: #E5E7EB;
  --z24-error: #DC2626;
  --z24-success: #059669;

  /* ── Radius ── */
  --z24-radius-sm: 8px;
  --z24-radius-md: 12px;
  --z24-radius-lg: 16px;
  --z24-radius-pill: 9999px;

  /* ── Shadows ── */
  --z24-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06);
  --z24-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
  --z24-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.12);

  /* ── Transitions ── */
  --z24-transition: 180ms cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Font ── */
  --z24-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}