/*----------------------------------------*/
/*  TAMLITE REDESIGN — DESIGN TOKENS      */
/*  Figma: TAMCO / Home (node 470-2706)   */
/*----------------------------------------*/

:root {
    /* Fonts */
    --rd-ff: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    --rd-ff-alt: "Poppins", Arial, sans-serif;

    /* Palette */
    --rd-dark: #202020;
    --rd-accent: #66CBE0;
    --rd-white: #FFF;

    --rd-txt-on-dark: #FFF;
    --rd-txt-muted: rgba(255, 255, 255, .75);
    --rd-txt-faded: rgba(255, 255, 255, .6);

    --rd-glass: rgba(32, 32, 32, .2);
    --rd-glass-border: rgba(255, 255, 255, .1);

    /* Shape */
    --rd-radius: 8px;
    --rd-radius-pill: 100px;

    /* Layout */
    --rd-gutter: 30px;
    --rd-hdr-top-h: 40px;
    --rd-hdr-main-h: 78px;
    --rd-hdr-h: calc(var(--rd-hdr-top-h) + var(--rd-hdr-main-h));
    --rd-control-h: 46px;

    /* Motion */
    --rd-transition: .3s ease;
}

@media (max-width: 1199px) {
    :root {
        --rd-gutter: 20px;
        --rd-hdr-top-h: 0px;
        --rd-hdr-main-h: 70px;
    }
}

@media (max-width: 767px) {
    :root {
        --rd-gutter: 15px;
        --rd-hdr-main-h: 64px;
    }
}


/*----------------------------------------*/
/*  LEGACY COMPAT                          */
/*  Pages that are not redesigned yet pin  */
/*  sticky elements to these variables —   */
/*  keep them in sync with the new header. */
/*----------------------------------------*/
:root {
    --header-top: var(--rd-hdr-top-h);
    --header-bottom: var(--rd-hdr-main-h);
}