/*
 * Redesign tokens (docs/design-system/bazar-redesign/tokens.css) mapped onto the site's own theme system.
 *
 * The colours the panel can edit (ThemeRegistry::bazar → ThemeCompiler → --nzc-*) feed the design system's
 * names, so a colour changed in the settings panel still restyles the whole redesigned UI; everything the
 * design system needs on top of those (soft tints, hover shades, footer ink, brand colours) is derived from
 * them or fixed here. Scoped to .nz so nothing leaks into the pages that have not been moved over yet.
 */
.nz {
  --bg: var(--nzc-bg, #faf6ef);
  --surface: var(--nzc-surface, #ffffff);
  --surface-2: var(--nzc-surface-2, #f5ede1);
  --surface-3: color-mix(in srgb, var(--surface) 55%, var(--bg));
  --line: var(--nzc-line, #eadfce);
  --line-strong: #a8927c;
  --text: var(--nzc-text, #2b1d16);
  --text-2: var(--nzc-text-2, #76665a);
  --primary: var(--nzc-primary, #c8102e);
  --primary-ink: var(--nzc-primary-ink, #ffffff);
  --primary-hover: color-mix(in srgb, var(--primary) 84%, #000);
  --primary-text: color-mix(in srgb, var(--primary) 93%, #000);
  --primary-soft: color-mix(in srgb, var(--primary) 9%, var(--surface));
  --deep: #7d1420;
  --gold: var(--nzc-primary-2, #e3a33b);
  --gold-soft: color-mix(in srgb, var(--gold) 14%, var(--surface));
  --success: var(--nzc-success, #17773f);
  --success-soft: color-mix(in srgb, var(--success) 10%, var(--surface));
  --warn: var(--nzc-warn, #b05208);
  --warn-soft: color-mix(in srgb, var(--warn) 10%, var(--surface));
  --danger: var(--nzc-danger, #c8102e);
  --footer: #2a1c15;
  --footer-ink: #f3e9dc;
  --footer-ink-2: #c7b6a3;
  --sand: #e8c9a0;
  --telegram: #229ed9;
  --eitaa: #f26c21;
  --bale: #15a36e;
  --rubika: #7a45d8;
  --focus: #1f5fbf;
  --shadow-1: 0 1px 2px rgba(74,44,24,.06), 0 4px 14px rgba(74,44,24,.06);
  --shadow-2: 0 10px 30px rgba(74,44,24,.12);
  --shadow-red: 0 8px 20px color-mix(in srgb, var(--primary) 28%, transparent);

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --container: 1240px;
  --r-xs: 6px; --r-s: 10px; --r-m: 14px; --r-l: 20px; --r-pill: 999px;
  --font-body: YekanBakhFa, YekanBakh, Tahoma, sans-serif;
  --font-display: Abar, YekanBakhFa, Tahoma, sans-serif;
  --font-latin: YekanBakh, YekanBakhFa, Tahoma, sans-serif;
}

[data-nzc-mode="dark"] .nz {
  --line-strong: #7d6a5b;
  --primary-text: color-mix(in srgb, var(--primary) 55%, #fff);
  --primary-soft: color-mix(in srgb, var(--primary) 20%, var(--surface));
  --deep: #5c0f18;
  --success-soft: color-mix(in srgb, var(--success) 16%, var(--surface));
  --warn-soft: color-mix(in srgb, var(--warn) 16%, var(--surface));
  --footer: #0f0b09;
  --footer-ink-2: #b7a592;
  --sand: #6b4f36;
  --focus: #8ab4ff;
  --shadow-1: 0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3);
  --shadow-2: 0 10px 30px rgba(0,0,0,.45);
}