/*
 * Manu.ai — Zavod theme tokens
 * Source: zavodshop.com.ua extraction 2026-05-14 via manu-extract skill
 * Conventions: see themes/zavod/MANIFEST.md for methodology, decisions, ambiguities
 *
 * Note: values marked with ▲ are visual estimates or generic defaults
 * that require manual confirmation.
 */

:root {
  /* ─── PALETTE ────────────────────────────────────────────────
     Завод оперирует ультра-минималистичной чёрно-белой палитрой
     с editorial-аксентами оранжевым и жёлтым (видны на hero блоках). */

  --mn-color-black:          #000000;       /* Primary CTA bg, primary brand, borders */
  --mn-color-white:          #FFFFFF;       /* CTA text, body bg, on-black surfaces */
  --mn-color-text:           #333333;       /* Body text (rgb 51,51,51) */
  --mn-color-text-muted:     #88919F;       /* Brand subtitle, stats labels ▲ */
  --mn-color-link:           #337AB7;       /* Inline links — Bootstrap-ish blue (native default) */
  --mn-color-border:         #000000;       /* Borders pure black */
  --mn-color-bg:             #FFFFFF;       /* Body background */
  --mn-color-bg-dark:        #000000;       /* Sub-nav filter bar */

  /* Brand accents (declared as --main-* в Zavod CSS) */
  --mn-color-brand-red:      #B6212A;       /* --main-red — sale/promo */
  --mn-color-brand-blue:     #3B589A;       /* --main-blue — secondary */
  --mn-color-accent-orange:  #FF6321;       /* Hero accent block ▲ */
  --mn-color-accent-yellow:  #FFE890;       /* Hero accent block ▲ */

  /* Semantic aliases — used by components */
  --mn-color-primary:        var(--mn-color-black);
  --mn-color-on-primary:     var(--mn-color-white);
  --mn-color-surface:        var(--mn-color-white);
  --mn-color-success:        #02AB55;       /* Generic ▲ */
  --mn-color-warning:        #FFB800;       /* Generic ▲ */
  --mn-color-danger:         var(--mn-color-brand-red);


  /* ─── TYPOGRAPHY ─────────────────────────────────────────────
     Formular — custom commercial font from Klim Type Foundry.
     Self-hosted на сайте (нет Google Fonts). Лицензия требует
     проверки перед reuse в Manu.ai bundle — пока ставим как первую
     опцию с system-ui fallback. */

  --mn-font-sans:            "Formular", "Formular Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mn-font-heading:         var(--mn-font-sans);  /* Один шрифт на всё */

  /* Size scale */
  --mn-text-sm:              10px;          /* Card meta (stats labels) */
  --mn-text-base:            14px;          /* Body */
  --mn-text-card-title:      16px;
  --mn-text-card-price:      20px;
  --mn-text-cta:             20px;
  --mn-text-h1:              42px;
  --mn-text-h3:              42px;

  --mn-weight-regular:       400;
  --mn-weight-medium:        500;
  --mn-weight-bold:          700;

  --mn-line-height-base:     20px;
  --mn-line-height-tight:    1.1;
  --mn-line-height-h1:       1.05;


  /* ─── LAYOUT ─────────────────────────────────────────────────
     Завод использует ОСТРЫЕ углы — никаких rounded corners
     кроме бейджей (20px pill) и круглой wishlist-кнопки.
     Это design decision, не недосмотр. */

  --mn-radius-none:          0;
  --mn-radius-sm:            0;             /* По конвенции 0 (не округляем) */
  --mn-radius-md:            0;
  --mn-radius-lg:            0;
  --mn-radius-pill:          20px;          /* ТОЛЬКО для бейджей */
  --mn-radius-circle:        50%;           /* Wishlist icon button (♡) */

  /* CTA button — единый стиль на всех страницах */
  --mn-cta-padding-x:        46px;
  --mn-cta-padding-y:        17px;
  --mn-cta-border-width:     1px;

  /* Spacing scale */
  --mn-space-1:              4px;
  --mn-space-2:              8px;
  --mn-space-3:              12px;
  --mn-space-4:              16px;
  --mn-space-6:              24px;
  --mn-space-8:              32px;
  --mn-space-12:             48px;


  /* ─── EFFECTS ────────────────────────────────────────────────
     FLAT design — NO box-shadows нигде на сайте.
     Hover-эффект на карточках — image swap + Quickview overlay,
     НЕ shadow и НЕ lift. */

  --mn-shadow-none:          none;
  --mn-shadow-card:          none;
  --mn-shadow-card-hover:    none;
  --mn-shadow-focus:         0 0 0 2px var(--mn-color-black);  /* Manu.ai a11y convention */


  /* ─── MOTION ─────────────────────────────────────────────────
     Zavod transition duration — 0.5s (из их --td var). Это
     достаточно медленно — типично для editorial/luxury vibe. */

  --mn-transition:           0.5s;
  --mn-transition-fast:      0.2s;
}