/* MOZKAN — "spectrum" theme for every page of mozkan.com (loaded after /assets/site.css).
   Deep ink, the icon's violet → coral, and each app's own color as a spectrum. */
:root {
  --mz-ink: #07070d; --mz-ink-2: #0d0d17; --mz-card: #12121e;
  --mz-violet: #8b6cff; --mz-indigo: #5b5cf0; --mz-coral: #ff7a66;
  --mz-spectrum: linear-gradient(90deg, #ff5a4e, #ff9f45, #ffc93d, #3ddb8f, #2bb6d6, #3b82f6, #7c5cff, #ff5a4e);
  --bg: var(--mz-ink); --bg-soft: var(--mz-ink-2); --bg-card: var(--mz-card);
  --text: #f5f4ff; --text-2: #b7b5cf; --text-3: #7d7b98;
  --line: rgba(255,255,255,.08); --nav-bg: rgba(7,7,13,.62);
  --accent: var(--mz-violet); --accent-2: var(--mz-coral);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.5);
  --shadow-lg: 0 30px 80px -20px rgba(0,0,0,.85);
  color-scheme: dark;
}
body { background: var(--mz-ink); }
.nav { border-bottom-color: rgba(255,255,255,.06); }
.nav-cta { background: linear-gradient(100deg, var(--mz-indigo), var(--mz-violet) 45%, var(--mz-coral)); }
.grad-text { background: linear-gradient(100deg, var(--mz-violet), var(--mz-coral)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.btn-primary { background: linear-gradient(100deg, var(--mz-indigo), var(--mz-violet) 50%, var(--mz-coral)); color: #fff;
  box-shadow: 0 10px 30px -10px rgba(139,108,255,.8); }
.page-head { background: radial-gradient(60% 120% at 10% 0%, rgba(124,92,255,.18), transparent 70%), radial-gradient(50% 100% at 95% 10%, rgba(255,122,102,.12), transparent 70%); }
.footer { background: #05050a; }
.footer .brand img, .brand img { box-shadow: 0 0 0 1px rgba(255,255,255,.08); }