/* МеталлКарт — design system v2 — tokens
   Source : design/ds-v2/design-system-v2.md. Variante A (navy), adaptation du template Frozon.
   Ne pas introduire de valeur littérale dans les composants : tout passe par ces variables.
   Chargé UNIQUEMENT par BaseV2.astro — coexiste avec tokens.css (v1) sans jamais être
   chargé sur la même page (collisions de noms : --c-bg, --c-ink, --c-ink-2, --c-line,
   --c-ok, --f-sans, --s-1..--s-8, voir docs/journal-sessions.md session 3). */
:root{
  /* Couleurs — sombre (navy) */
  --c-dark:#001A29;       /* panneaux sombres, hero, CTA, footer */
  --c-dark-2:#0A2738;     /* panneau sombre secondaire (familles, pied), cartes sur sombre */
  --c-dark-3:#133448;     /* halos, fonds d'image sur sombre */
  --c-on-dark:#FFFFFF;
  --c-on-dark-2:#B8C4CC;  /* texte secondaire sur sombre */
  --c-on-dark-line:rgba(255,255,255,.10);
  --c-on-dark-fill:rgba(255,255,255,.07);

  /* Couleurs — or (du logo) */
  --c-gold:#C88E2B;       /* action principale, accents, chiffres sur sombre */
  --c-gold-text:#8E6218;  /* or en texte sur clair : 5,37:1 sur blanc, 4,87:1 sur --c-gold-bg (DS 2.0.3, D-14) */
  --c-gold-bg:#FBF3E3;    /* plage or : tags, badge Серия, panneau FAQ */
  --c-gold-dark:#8E6218;  /* survol du bouton principal */

  /* Couleurs — clair */
  --c-bg:#F6F4F3;         /* fond de page (gris chaud) */
  --c-panel:#FFFFFF;      /* panneaux clairs, cartes */
  --c-ink:#001A29;        /* texte principal = navy */
  --c-ink-2:#5C667B;      /* texte secondaire */
  --c-line:#E6E3DF;       /* filets */
  --c-field:#FFFFFF;      /* champs */

  /* Sémantiques */
  --c-ok:#2E7D4F; --c-ok-bg:#E7F3EC;
  --c-err:#C2443B; --c-err-bg:#FBEAE8;
  --c-focus:#001A29;      /* contour de focus sur clair (2.0.7, D-53) ; or sur sombre */
  --c-info:#3B5F74; --c-info-bg:#EAF0F3;
  --c-voile:rgba(0,26,41,.45); /* fond sous un volet ou un dialogue (2.0.12, lot 9d) */
  /* Лотки par volume (2.0.13, D-102) : dégradé dérivé de --c-dark, pas une nouvelle couleur ; ≥ 3:1 sur blanc et --c-bg. */
  --c-lot-1:#6391B3; --c-lot-4:#2F6690; --c-lot-6:#1B4969; --c-lot-8:#0B2E46; --c-lot-12:#001A29; /* lot 9f A2 : 1 л nettement plus clair, 6–12 л bleu nuit ; toutes ≥ 3:1 sur blanc, --c-bg et --c-gold-bg */

  /* Typographie — Manrope (cyrillique) ; Outfit du template n'a pas de cyrillique */
  --f-sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-num:"Manrope",system-ui,sans-serif; /* chiffres tabulaires via font-variant-numeric */
  --t-display:clamp(34px,5.2vw,62px);  /* h1 accueil, capitales, 700, lh 1.04, ls -.01em */
  --t-h1:clamp(30px,4.4vw,52px);       /* h1 pages internes, 600, lh 1.06, ls -.02em */
  --t-h2:clamp(28px,3.8vw,44px);       /* 600, lh 1.08, ls -.02em */
  --t-h3:19px;                          /* 600, lh 1.25 */
  --t-h4:16px;                          /* 600 */
  --t-body:16px;  --lh-body:1.55;
  --t-lead:17px;
  --t-small:14px; --t-micro:13px; --t-label:12.5px;
  --t-stat:30px;  --t-price:36px;  --t-stepnum:40px;

  /* Rayons */
  --r-panel:22px; --r-card:14px; --r-field:10px; --r-btn:8px; --r-tag:6px; --r-icon:5px; --r-pill:999px;

  /* Espacement (base 4) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-14:56px;
  --panel-pad:clamp(22px,4vw,56px); --panel-gap:12px; --page-pad:12px;
  --container:1180px;

  /* Tailles structurelles (session 4, 2.0.1) : carrés d'icône des composants, sans
     équivalent dans l'échelle d'espacement ci-dessus. Signalées « hors design system »
     en session 3, ajoutées ici à la demande de LA plutôt que laissées en littéral. */
  --sz-btn-icon:30px;  /* Button.astro : carré d'icône */
  --sz-path-ico:46px;  /* PathCard.astro : pastille lettre A/Б */
  --sz-step-dot:26px;  /* SelectorQuestion.astro : numéro rond */
  --sz-cible:44px;     /* cible tactile minimale (DS § 9) */
  --sz-kst-media:220px; /* rendu et schéma du panneau de комплектация (2.0.13) */
  --hero-h-mob:130px;  /* rangée du hero en 2 × 2 : hauteur du produit le plus haut */
  --ombre-retrait:8%; --ombre-h:10px; --ombre-dense:80%; /* ombre de contact du hero */

  /* Ombres : aucune. Le relief vient du contraste panneau/fond. */
  --shadow:none;

  /* Mouvement */
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-hover:cubic-bezier(.2,.7,.2,1);
  --d-reveal:800ms; --reveal-y:28px; --reveal-stagger:100ms;
  --d-word:700ms; --word-stagger:50ms; --word-x:18px;
  --d-count:1400ms;
  /* Hero, animation v2 (D-40, DS § 7) : une fois au chargement, ~2,5 s, rien en boucle.
     --t-hero : départ de la séquence ; ligne de sol, produits posés, ombre au contact, balayage. */
  --t-hero:400ms; --d-sol:600ms;
  --d-produit:500ms; --produit-stagger:180ms; --produit-y:24px; --produit-scale:.96;
  --d-ombre:250ms; --d-nom:300ms;
  --t-reflet:1600ms; --d-reflet:900ms; --reflet-op:25%;
  --d-hover:350ms; --hover-lift:-4px;
  /* Variante « подбор » des sélecteurs (DS 2.0.8, D-57 : maquette validée le 17.10.2026). */
  --sz-podbor-num:34px;       /* numéro rond de la question */
  --sz-podbor-schema:56px;    /* hauteur du schéma d'une option (44 px sous 768 px) */
  --fs-podbor-question:24px;  /* titre de la question (20 px sous 768 px) */
  --fs-podbor-compteur:56px;  /* compteur « Подходит сейчас » */
  --pad-podbor:26px;          /* marge intérieure du bloc question et du panneau sombre */
  --d-ui:180ms;
  /* Sélecteur : le résultat se met à jour avec une apparition courte (DS § 7, 300 ms ; lot 5). */
  --d-resultat:300ms;
  --d-faq:220ms;          /* FAQ : hauteur + opacité (DS § 7 ; token 2.0.7) */
  --parallax-k:-0.08;
}
@media (prefers-reduced-motion:reduce){
  /* --d-ui manquait ici (oubli session 3) : la transition de l'en-tête collante (§ 7,
     « en-tête collant ») et les boutons restaient animés sous reduced-motion. Corrigé
     session 4, exigence explicite de la vérification : « en-tête collant sans animation ». */
  :root{--d-reveal:0ms;--d-word:0ms;--d-count:0ms;--t-hero:0ms;--d-sol:0ms;--d-produit:0ms;--produit-stagger:0ms;--produit-y:0px;--produit-scale:1;--d-ombre:0ms;--d-nom:0ms;--t-reflet:0ms;--d-reflet:0ms;--d-hover:0ms;--d-ui:0ms;--d-resultat:0ms;--d-faq:0ms;--reveal-y:0px;--word-x:0px;--parallax-k:0}
}