/* ===================================================================== SARTORFIT — DİZAYN TOKENLƏRİ --------------------------------------------------------------------- Mənbə: DESIGN-SPEC.md (o da _dizayn-referans/SartorFit-single.html-dən skriptlə çıxarılıb). Burada gözəyarı yazılmış dəyər yoxdur. Yüklənmə sırası: tokens.css → components.css → sections.css ⚠️ `!important` YOXDUR və olmamalıdır. ===================================================================== */ :root { /* ================= FON (SPEC §1, §3) ================= */ --bg-deep: #09090B; /* html, body */ --bg-root: #14141A; /* görünən gövdə fonu */ --bg-elev: #17171C; /* qalxmış blok */ --bg-header: rgba(16,16,22,0.62); /* + blur(18px) */ --bg-glass: rgba(16,16,22,0.52); /* + blur(26px) */ --bg-panel: rgba(9,9,11,0.72); /* konsol / səhnə */ --bg-modal: rgba(12,12,16,0.96); --bg-scrim: rgba(4,4,6,0.72); /* + blur(8px) */ --bg-footer: rgba(12,12,17,0.55); /* + blur(24px) */ /* ================= ACCENT ================= */ --accent: #8B5CF6; --accent-light: #A78BFA; --accent-deep: #6D28D9; --accent-select: #7C3AED; --accent-darkest: #4C1D95; --accent-100: #C4B5FD; --accent-200: #DDD6FE; --accent-300: #EDE9FE; /* ================= MƏTN ================= */ --fg: #F4F4F5; --fg-bright: #E4E4E7; --fg-2: #D4D4D8; --fg-lead: #C4C4CC; --fg-3: #A1A1AA; --fg-4: #8A8A93; /* Dizaynda #71717A — --bg-root ilə kontrast 3.80, WCAG AA (4.5) keçmir. Eyni çalarda minimum artımla 4.56-ya qaldırılıb. Dizayn dəyəri: #71717A. */ --fg-meta: #7E7E87; /* Dizaynda #52525B — --bg-root ilə kontrast 2.37, WCAG AA (4.5) keçmir. Bu rəng footer-in müəllif hüququ və hüquqi rekvizit sətrindədir, yəni real oxunmalı məzmundur. Eyni çalarda 4.69-a qaldırılıb. Dizayn dəyəri: #52525B. */ --fg-faint: #808089; /* ================= SEMANTİK ================= */ --good: #A3E635; --good-bright: #BEF264; --good-soft: #D9F99D; --good-deep: #65A30D; --good-bg: rgba(163,230,53,0.10); --good-bd: rgba(163,230,53,0.32); --danger: #FCA5A5; --danger-bd: rgba(248,113,113,0.35); --wish: #F472B6; --warn: #FBBF24; /* ================= ŞÜŞƏ QATI ================= */ --w02: rgba(255,255,255,0.02); --w03: rgba(255,255,255,0.03); --w04: rgba(255,255,255,0.04); --w05: rgba(255,255,255,0.05); --w06: rgba(255,255,255,0.06); --w065: rgba(255,255,255,0.065); --w07: rgba(255,255,255,0.07); --w08: rgba(255,255,255,0.08); --w10: rgba(255,255,255,0.10); --w12: rgba(255,255,255,0.12); --w14: rgba(255,255,255,0.14); --glass-fill: linear-gradient(165deg, var(--w07), var(--w02)); --glass-bd: 1px solid var(--w07); --glass-inset: inset 0 1px 0 var(--w10); --blur-header: blur(18px); /* header */ --blur-panel: blur(26px); /* şüşə panel */ --blur-console: blur(20px); /* axtarış konsolu */ --blur-footer: blur(24px); --blur-soft: blur(10px); /* nişan */ --blur-scrim: blur(8px); /* modal fonu */ /* ================= GRADİENT ================= */ --grad-cta: linear-gradient(140deg, var(--accent), var(--accent-deep)); --grad-logo: linear-gradient(150deg, var(--accent), var(--accent-darkest)); --grad-glow: radial-gradient(ellipse 70% 55% at 50% 12%, rgba(139,92,246,0.16), rgba(139,92,246,0) 70%); /* ================= KÖLGƏ ================= */ --sh-cta: 0 8px 26px rgba(124,58,237,0.35); --sh-cta-lg: 0 14px 34px rgba(109,40,217,0.40); --sh-panel: 0 24px 60px rgba(0,0,0,0.45); --sh-modal: 0 30px 70px rgba(0,0,0,0.45), inset 0 1px 0 var(--w07); /* ================= RADİUS (SPEC §4) ================= */ --r-pill: 999px; /* header CTA, tab, çip */ --r-hero: 28px; /* hero konteyner */ --r-card: 24px; /* bölmə kartı, modal */ --r-md: 20px; /* konsol, kateqoriya kartı, demo səhnəsi */ --r-ml: 22px; /* filtr paneli */ --r-sm: 18px; /* try-on səhnəsi, report */ --r-xs: 14px; /* dropzone, addım, stats ikonu */ --r-btn: 12px; /* ƏSAS CTA, input, sətir */ --r-fit: 13px; /* fit report CTA */ --r-tab: 9px; /* tab */ --r-tag: 8px; /* eyebrow qutusu */ --r-logo: 10px; /* loqo kvadratı */ /* ================= TİPOQRAFİYA (SPEC §2) ================= */ --font-display: 'Space Grotesk', system-ui, sans-serif; --font-body: 'Inter', system-ui, -apple-system, sans-serif; --fs-h1: clamp(34px, 3.5vw, 50px); /* hero */ --fs-h1-legal: clamp(28px, 2.6vw, 38px); /* hüquqi səhifə */ --fs-h2-sol: clamp(26px, 2.4vw, 34px); /* solutions */ --fs-h2-prem: clamp(26px, 2.4vw, 34px); /* premium */ --fs-h2-demo: clamp(24px, 2.2vw, 32px); /* live demo */ --fs-h2-tryon: clamp(23px, 2.1vw, 30px); /* try-on */ --fs-h2-news: clamp(22px, 2vw, 27px); /* newsletter */ --fs-h2-modal: 24px; --fs-h3: 15.5px; --fs-body: 15px; --fs-sm: 13.5px; --fs-sm-2: 13px; --fs-meta: 12px; --fs-trust: 11.5px; --fs-xs: 11px; --fs-eyebrow: 10.5px; --lh-h1: 1.08; --lh-h2: 1.15; --lh-body: 1.65; --ls-h1: -0.03em; --ls-h2: -0.025em; /* H2 default */ --ls-h2-tryon: -0.03em; --ls-h2-news: -0.02em; --ls-h3: -0.015em; --ls-label: 0.12em; /* MEN / WOMEN nişanı */ --ls-caps: 0.14em; --ls-eyebrow: 0.16em; /* footer sütun başlığı */ --ls-eyebrow2: 0.17em; /* bölmə eyebrow-u */ --ls-logo: 0.22em; /* SARTORFIT */ --fw-btn: 500; /* SPEC §2 — düymələr 500, 600 deyil */ /* ================= ÖLÇÜ / BOŞLUQ ================= */ --wrap-max: 1680px; --wrap-pad: 28px; --pad-sec: clamp(24px, 2.6vw, 36px) 28px 0; --card-pad: 30px 34px; --gap-xs: 8px; --gap-sm: 10px; --gap: 12px; --gap-md: 14px; --gap-lg: 16px; --gap-xl: 18px; --gap-2xl: 20px; --gap-3xl: 26px; /* ================= TOXUNMA (SPEC §7) ================= */ --tap: 44px; --tap-md: 46px; --tap-lg: 48px; --tap-xl: 50px; /* ================= HƏRƏKƏT (SPEC §6) ================= */ --ease: cubic-bezier(0.22, 0.68, 0.16, 1); --ease-soft: cubic-bezier(0.33, 0, 0.2, 1); --t-fast: 0.3s; --t-base: 0.35s; --t-slow: 0.55s; /* ================= VALYUTA ================= */ --currency: '₼'; /* API `price_azn` qaytarır */ } /* ===================================================================== RUS DİLİ — Space Grotesk-də kiril yoxdur (SPEC §2). Başlıqlar Inter-ə keçir; AZ/PL/IT/ES latin-ext ilə örtülür. `I18N.set()` onsuz da təyin edir. ===================================================================== */ html[lang="ru"] { --font-display: 'Inter', system-ui, sans-serif; --ls-h1: -0.02em; --ls-h2: -0.015em; }