/* Flex Section Builder — дизайн-токены (--fx-*). Засеяны брендом rue.ee. */
:root {
    --fx-gold: #bfa161;
    --fx-gold-bright: #fcbc34;
    --fx-gold-dark: #8B6F47;
    --fx-gold-light: #FBF6ED;
    --fx-gold-accent: #D4A574;

    --fx-dark: #0F1419;
    --fx-dark-2: #1C2127;
    --fx-card-dark: #252A31;

    --fx-light: #FAFAF9;
    --fx-white: #ffffff;

    /* Чередование фона светлых секций (band a = белый, band b = тёплый off-white) */
    --fx-band-a: #ffffff;
    --fx-band-b: #F4F2EC;

    --fx-text: #3F4451;
    --fx-text-muted: #6B7280;
    --fx-text-invert: #F4F1EA;

    --fx-border: #E5E7EB;
    --fx-border-light: #F3F4F6;

    --fx-grad-gold: linear-gradient(135deg, #bfa161 0%, #8B6F47 100%);
    --fx-grad-dark: linear-gradient(180deg, #0F1419 0%, #1C2127 100%);

    --fx-font-head: 'Alice', Georgia, serif;
    --fx-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --fx-radius: 14px;
    --fx-radius-sm: 8px;
    --fx-radius-lg: 24px;
    --fx-shadow: 0 18px 48px rgba(15, 20, 25, .10);
    --fx-shadow-sm: 0 6px 18px rgba(15, 20, 25, .07);
    --fx-shadow-gold: 0 18px 44px rgba(139, 111, 71, .22);

    --fx-container: 1200px;
    --fx-container-wide: 1440px;
    --fx-gutter: clamp(20px, 4vw, 56px);

    --fx-ease: cubic-bezier(.22, .61, .36, 1);
    --fx-dur: .28s;
}