/**
 * nzayn design system — shared tokens
 * Use across nzayn.ae, nzwash, event, DevSa3eed.github.io.
 * Override --accent-* per site; keep the rest the same.
 */

:root {
  /* Backgrounds */
  --nz-bg: #0a0a0a;
  --nz-bg-elevated: #141414;
  --nz-bg-muted: #18181b;

  /* Surfaces (glass / cards) */
  --nz-surface-1: rgba(255, 255, 255, 0.04);
  --nz-surface-2: rgba(255, 255, 255, 0.08);
  --nz-surface-3: rgba(255, 255, 255, 0.12);
  --nz-border: rgba(255, 255, 255, 0.08);
  --nz-border-strong: rgba(255, 255, 255, 0.15);

  /* Text */
  --nz-text: #fafafa;
  --nz-text-secondary: #a1a1aa;
  --nz-text-muted: #71717a;

  /* Brand primary (nzayn studio — use in nav, footer, “Back to nzayn”) */
  --nz-primary: #7c3aed;
  --nz-primary-dark: #6d28d9;
  --nz-secondary: #ec4899;

  /* Per-site accent: override in each project */
  --nz-accent: #7c3aed;
  --nz-accent-soft: rgba(124, 58, 237, 0.15);
  --nz-accent-glow: rgba(124, 58, 237, 0.25);

  /* Shape */
  --nz-radius-sm: 8px;
  --nz-radius-md: 12px;
  --nz-radius-lg: 16px;
  --nz-radius-xl: 20px;

  /* Spacing (8pt grid) */
  --nz-space-8: 8px;
  --nz-space-12: 12px;
  --nz-space-16: 16px;
  --nz-space-24: 24px;
  --nz-space-32: 32px;

  /* Shadows */
  --nz-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --nz-shadow-md: 0 4px 24px rgba(0, 0, 0, 0.2);
  --nz-shadow-glow: 0 8px 24px var(--nz-accent-glow);

  /* Motion */
  --nz-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --nz-transition-slow: 0.4s cubic-bezier(0.22, 1, 0.36, 1);

  /* Status */
  --nz-success: #22c55e;
  --nz-error: #ef4444;
  --nz-warning: #f59e0b;
}

/* Typography — load Inter (and optional Dancing Script for DevSa3eed logo) */
/* Font stack: var(--nz-font-sans) = 'Inter', -apple-system, BlinkMacSystemFont, sans-serif */
:root {
  --nz-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --nz-font-display: "Dancing Script", cursive;
}