/* tokens.css — автогенерация из .webpro/design-lock.json. Руками не править. */
/* Мир: higgsfield-product-hub · проект: higgsfield-site-04 */

:root {
    color-scheme: dark;

    /* color */
    --color-bg: #0F1113;
    --color-surface: #181B1E;
    --color-surface2: #222629;
    --color-text: #F7F7F8;
    --color-text-secondary: #C7C8CA;
    --color-text-muted: #9B9DA1;
    --color-border: #404348;
    --color-primary: #D1FE17;
    --color-primary-hover: #DEFF54;
    --color-on-primary: #131517;
    --color-accent: #FE3D97;
    --color-accent-hover: #FF69AE;
    --color-on-accent: #131517;
    --color-success: #62D98B;
    --color-warning: #F6BC45;
    --color-error: #FF626B;
    --gradient-primary: linear-gradient(180deg, #D1FE17 0%, #C6F20D 100%);
    --gradient-accent-wash: radial-gradient(70% 55% at 50% 0%, rgba(255,255,255,.055), transparent 72%);
    --glow-color: rgba(209,254,23,.28);
    --glass-bg: rgba(15,17,19,.94);
    --glass-border: rgba(255,255,255,.12);
    --noise-opacity: 0;
    --scrim-top: rgba(15,17,19, 0.15);
    --scrim-bottom: rgba(15,17,19, 0.85);
    --glass-blur: 18px;

    /* font family */
    --font-display: "Space Grotesk", Inter, system-ui, sans-serif;
    --font-text: Inter, system-ui, sans-serif;
    --font-mono: Inter, system-ui, sans-serif;

    /* font size / line-height / weight / tracking */
    --fs-display: clamp(38px, 29.33px + 2.407vw, 64px);
    --lh-display: 0.96;
    --fw-display: 700;
    --ls-display: -0.045em;
    --fs-h1: clamp(32px, 25.33px + 1.852vw, 52px);
    --lh-h1: 1.02;
    --fw-h1: 700;
    --ls-h1: -0.025em;
    --fs-h2: clamp(26px, 21.33px + 1.296vw, 40px);
    --lh-h2: 1.02;
    --fw-h2: 700;
    --ls-h2: -0.035em;
    --fs-h3: clamp(20px, 17.33px + 0.741vw, 28px);
    --lh-h3: 1.08;
    --fw-h3: 700;
    --ls-h3: -0.025em;
    --fs-h4: clamp(16px, 14.67px + 0.370vw, 20px);
    --lh-h4: 1.2;
    --fw-h4: 600;
    --ls-h4: -0.01em;
    --fs-body-lg: clamp(16px, 15.33px + 0.185vw, 18px);
    --lh-body-lg: 1.5;
    --fw-body-lg: 400;
    --fs-body: clamp(15px, 14.67px + 0.093vw, 16px);
    --lh-body: 1.5;
    --fw-body: 400;
    --fs-body-sm: clamp(13px, 12.67px + 0.093vw, 14px);
    --lh-body-sm: 1.45;
    --fw-body-sm: 400;
    --fs-caption: clamp(12px, 11.67px + 0.093vw, 13px);
    --lh-caption: 1.35;
    --fw-caption: 400;
    --fs-kicker: clamp(11px, 10.67px + 0.093vw, 12px);
    --lh-kicker: 1.1;
    --fw-kicker: 700;
    --ls-kicker: 0.08em;
    --fs-button: 14px;
    --lh-button: 1.2;
    --fw-button: 600;
    --fs-nav: 14px;
    --lh-nav: 1.35;
    --fw-nav: 500;

    /* font weight scale */
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fs-badge: var(--fs-caption);
    --measure: 64ch;

    /* space */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;
    --section-pad-sm: clamp(16px, 13.33px + 0.741vw, 24px);
    --section-pad-md: clamp(24px, 21.33px + 0.741vw, 32px);
    --section-pad-lg: clamp(32px, 29.33px + 0.741vw, 40px);

    /* layout */
    --container: 1280px;
    --container-narrow: 1024px;
    --page-pad: 20px;
    --header-h: 56px;

    /* radius */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* shadow */
    --shadow-sm: 0 1px 2px rgba(0,0,0,.22);
    --shadow-md: 0 12px 28px -12px rgba(0,0,0,.50);
    --shadow-lg: 0 28px 70px -24px rgba(0,0,0,.72);
    --shadow-glow: 0 0 24px rgba(209,254,23,.24);

    /* motion */
    --dur-instant: 80ms;
    --dur-fast: 160ms;
    --dur-base: 220ms;
    --dur-slow: 320ms;
    --dur-slower: 480ms;
    --ease-out: cubic-bezier(.22,1,.36,1);
    --ease-in-out: cubic-bezier(.65,0,.35,1);
    --ease-in: cubic-bezier(.55,0,1,.45);
    --ease-spring: cubic-bezier(.34,1.32,.64,1);
    --move-sm: 4px;
    --move-md: 8px;
    --move-lg: 16px;
    --move-xl: 24px;
    --reveal-from-opacity: .001;
    --stagger-step: 60ms;
    --dur-ambient: 24s;

    /* z-index */
    --z-base: 0;
    --z-raised: 10;
    --z-sticky: 100;
    --z-dropdown: 1000;
    --z-overlay: 2000;
    --z-modal: 2100;
    --z-toast: 3000;
    --z-tooltip: 4000;

    /* icons */
    --icon-stroke: 1.5;
}

@media (min-width: 768px) {
    :root {
        --page-pad: 16px;
        --header-h: 56px;
    }
}

@media (min-width: 1024px) {
    :root {
        --page-pad: 16px;
        --header-h: 56px;
    }
}

.container {
    width: 100%;
    max-width: var(--container);
    margin-inline: auto;
    padding-inline: var(--page-pad);
}