/* =============================================================================
 * Booster · design tokens
 *
 * Sursa designului: macheta Figma „Casa Nobila", pagina Homepage (648-46),
 * 1920 px. Conținutul și ordinea secțiunilor vin din site-ul clientului
 * (Booster.md, „Acasă"). Valorile de mai jos sunt citite din stilurile
 * machetei, nu estimate din capturi:
 *
 *   · fundalul hero     #FBF5F1, gradient #FF7F02 62 % + #FFBA7A + aură 72 %
 *   · titlu hero        Poppins 500, 70 / 79 px, litere -2 px
 *   · titlu de secțiune Poppins 500, 48 / 52,8 px, litere -1,92 px
 *   · eyebrow           Poppins 500, 16 / 24 px, #6B6659
 *   · lead              Poppins 400, 18 / 28 px, #A1662C
 *   · container         1400 px de conținut, carduri de 450 px la 25 px
 *   · ritm vertical     200 px între secțiuni
 *   · carduri           rază 30 px; butoane și stickere rază 12 px
 * ========================================================================== */

:root {
    /* ---------------------------------------------------------------------
     * Brand
     * ------------------------------------------------------------------ */
    --brand-orange: #ff7f02;
    --brand-orange-deep: #f17904;  /* fondul decorului din butoane și iconițe */
    --brand-cream: #fffcd9;        /* textul pe portocaliu */
    --brand-peach: #ffba7a;
    --brand-amber: #f5ab00;        /* chenarul punctat din CTA */
    --brand-yellow: #ffd92d;       /* bara de progres */

    /* ---------------------------------------------------------------------
     * Suprafețe
     * ------------------------------------------------------------------ */
    --surface-page: #fbf5f1;
    --surface-white: #ffffff;
    --surface-dark: #202020;
    --surface-ghost: rgba(255, 252, 217, 0.1);
    --tint-cream: #fffcd9;
    --tint-peach: rgba(255, 127, 2, 0.15);
    --tint-amber: rgba(255, 190, 4, 0.2);
    --card-orange: rgba(241, 121, 4, 0.8);
    --badge-bg: #f5cdb2;
    --badge-ink: #8a4426;

    --line-ghost: rgba(255, 127, 2, 0.5);
    --line-soft: rgba(32, 32, 32, 0.2);
    --line-footer: rgba(245, 171, 0, 0.2);

    /* ---------------------------------------------------------------------
     * Text
     * ------------------------------------------------------------------ */
    --ink: #202020;
    --ink-muted: #6b6659;
    --ink-lead: #a1662c;
    --ink-on-brand: #ffffff;

    --online: #34c759;    /* Colors/Green din machetă */
    --whatsapp: #25d366;

    /* ---------------------------------------------------------------------
     * Tipografie
     *
     * Poppins pentru tot; Caveat doar pentru eticheta scrisă de mână
     * „Pasul N" de pe cardurile procesului.
     * ------------------------------------------------------------------ */
    --font-sans: 'Poppins', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-hand: 'Caveat', 'Segoe Script', cursive;

    --text-display: clamp(2rem, 1.15rem + 3.1vw, 4.375rem);  /* → 70 px */
    --text-h2: clamp(1.875rem, 1.2rem + 2.2vw, 3rem);        /* → 48 px */
    --text-lead: clamp(1rem, 0.95rem + 0.15vw, 1.125rem);    /* → 18 px */
    --text-btn: clamp(1rem, 0.95rem + 0.15vw, 1.125rem);     /* → 18 px */
    --text-nav: 0.875rem;                                    /* 14 px */
    --text-sticker: 1.125rem;                                /* 18 px */

    --lh-display: 1.1286;
    --lh-h2: 1.1;
    --lh-text: 1.5556;  /* 28 / 18 */
    --tracking-display: -0.02857em;
    --tracking-h2: -0.04em;

    /* ---------------------------------------------------------------------
     * Layout
     * ------------------------------------------------------------------ */
    --container: 1400px;
    --gutter: clamp(1rem, 0.4rem + 2.4vw, 2rem);
    --measure-hero: 62.9375rem;  /* 1007 px */
    --section-gap: clamp(6rem, 2.5rem + 8.5vw, 12.5rem);  /* → 200 px */

    /* ---------------------------------------------------------------------
     * Rază, umbre, motion
     * ------------------------------------------------------------------ */
    --r-btn: 12px;
    --r-avatar: 6px;
    --r-tile: 15px;
    --r-card: 30px;
    --r-box: 40px;
    --r-panel: 60px;

    /* Umbrele machetei, în cinci straturi. */
    --shadow-sticker:
        0 118px 16.5px rgba(0, 0, 0, 0),
        0 76px 15px rgba(0, 0, 0, 0.01),
        0 43px 13px rgba(0, 0, 0, 0.05),
        0 19px 9.5px rgba(0, 0, 0, 0.09),
        0 5px 5px rgba(0, 0, 0, 0.1);
    --shadow-card:
        0 241px 67px rgba(0, 0, 0, 0),
        0 154px 62px rgba(0, 0, 0, 0.01),
        0 87px 52px rgba(0, 0, 0, 0.05),
        0 39px 39px rgba(0, 0, 0, 0.09),
        0 10px 21px rgba(0, 0, 0, 0.1);

    --duration: 220ms;
    --ease: cubic-bezier(0.2, 0, 0.15, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);  /* cu săritură, ca la cardurile de servicii */
}