/* tokens/fonts.css */ /* Шрифты подключены через в HTML (Inter + Lato), как на altyn.trade. */ /* tokens/colors.css */ :root{ /* Базовая палитра — точные значения с altyn.one */ --yellow-500:#FFD119;--yellow-300:#FFD943;--yellow-100:#FFF3C2;--yellow-50:#FFF9E3;--yellow-600:#EDC217; --ink-900:#161513;--ink-700:#44474B;--ink-500:#6E7178;--ink-400:#8B8E90;--ink-200:#E2E8F0;--ink-100:#F6F7F8; --on-yellow-900:#413503;--on-yellow-700:#4E4313; --white:#FFFFFF;--page:#F1F2F4; --green-500:#23A26D;--red-500:#E5484D;--blue-500:#2F6FED; /* Семантические алиасы */ --brand:var(--yellow-500);--brand-hover:rgba(255,209,25,.8);--brand-soft:var(--yellow-50); --text-body:var(--ink-900);--text-secondary:var(--ink-700);--text-muted:var(--ink-400);--text-on-brand:var(--ink-900); --surface-page:var(--page);--surface-card:var(--white);--surface-panel:var(--ink-100);--surface-panel-alt:var(--ink-200); --positive:var(--green-500);--negative:var(--red-500);--link:var(--ink-900);--link-hover:var(--ink-700); --border-subtle:var(--ink-200); /* Градиенты */ --grad-hero:radial-gradient(circle at 20% 0%,rgba(255,217,67,.35),transparent 45%),radial-gradient(circle at 85% 90%,rgba(255,209,25,.28),transparent 40%); /* @kind color */ --grad-brand:linear-gradient(180deg,#FFE04D 0%,#FFD119 100%); /* @kind color */ --grad-block:linear-gradient(120deg,#FFE04D 0%,#FFD119 60%,#F5C400 100%); /* @kind color */ } /* tokens/typography.css */ :root{ --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --font-alt:"Lato","Inter",sans-serif; /* Размеры — desktop-значения altyn.one */ --text-display:50px;--text-h1:50px;--text-h2:40px;--text-h3:30px;--text-lead:20px;--text-body-size:18px;--text-small:14px;--text-caption:13px; --weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:900; /* Межстрочные: заголовки 117%, body relaxed */ --leading-tight:1.17;--leading-heading:1.17;--leading-body:1.625; --tracking-heading:-0.025em; } body{font-family:var(--font-sans);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} /* tokens/spacing.css */ :root{ --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px; --section-gap:96px;--card-pad:32px;--container:1280px;--container-pad:40px; } /* tokens/effects.css */ :root{ /* Радиусы */ --radius-pill:100px;--radius-card:20px;--radius-panel:16px;--radius-control:12px;--radius-chip:10px; /* Тени — мягкие, едва заметные */ --shadow-card:0 8px 28px rgba(23,24,28,.07);--shadow-float:0 16px 48px rgba(23,24,28,.12);--shadow-nav:0 2px 12px rgba(23,24,28,.05); /* Анимация */ --ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */ --dur-fast:150ms; /* @kind other */ --dur-base:250ms; /* @kind other */ }