/* Prologic redesign - design tokens
   Source: Figma file BzgVjAnUhitpZ63f2sxSXK, frame "home" (435:1388).
   Values are copied from Figma variables / layer styles without rounding. */

:root {
    /* Colors */
    --color-orange: #F36F22;               /* Orange-main / Tango / color/orange/54 */
    --color-orange-cta: #F36A21;           /* header "בואו נדבר" button fill + border */
    --color-orange-label: #F66B14;         /* eyebrow labels, stat numbers */
    --color-orange-dot: #FF6200;           /* eyebrow bullet core */
    --color-orange-dot-halo: rgba(246, 107, 20, 0.38);
    --color-orange-tint: #FDEEE6;          /* login icon tile */
    --color-thunder: #231F20;              /* color/grey/13 */
    --color-emperor: #4F4F4F;              /* color/grey/31 */
    --color-nav: #2D241F;
    --color-ink: #1B1714;
    --color-ink-2: #211A16;
    --color-body: #574D45;
    --color-card-title: #4C4C4C;
    --color-chip: #332822;
    --color-divider: #E7D8CA;
    --color-card-border: #EDEDED;
    --color-seasalt: #F7F6F9;              /* SEASALT */
    --color-bg-alt: #FEFEFE;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --header-bg: rgba(255, 255, 255, 0.88);

    --grad-quote: linear-gradient(180deg, rgba(38, 38, 38, 0.78) 14.759%, rgba(0, 0, 0, 0.78) 100%);
    --grad-solarwinds: linear-gradient(144.71823740700964deg, rgb(255, 255, 255) 55.953%, rgb(249, 183, 145) 182.61%);

    /* Font families. Google Sans Flex has no Hebrew glyphs, Hebrew falls back to Noto Sans Hebrew (decision D2). */
    --font-heading: 'Noto Sans Hebrew', 'Open Sans Hebrew', Arial, sans-serif;
    --font-body: 'Google Sans Flex', 'Noto Sans Hebrew', 'Open Sans Hebrew', Arial, sans-serif;
    --font-label: 'Outfit', 'Noto Sans Hebrew', Arial, sans-serif;
    --font-assistant: 'Assistant', 'Noto Sans Hebrew', Arial, sans-serif;
    --font-latin-ui: 'Noto Sans', 'Noto Sans Hebrew', Arial, sans-serif;
    --font-side-tab: 'Open Sans Hebrew', Arial, sans-serif;

    /* Text styles: size / line-height / weight / letter-spacing */
    --fs-h2: 48px;        --lh-h2: 60px;        --fw-h2: 600;   /* H2 - Noto Sans Hebrew SemiBold */
    --fs-h3noto: 38px;    --lh-h3noto: 60px;    --fw-h3noto: 700;
    --fs-h3: 36px;        --lh-h3: 50px;        --fw-h3: 600;   /* H3 - Google Sans Flex SemiBold */
    --fs-h4: 24px;        --lh-h4: 1.2999999523162842; --fw-h4: 700;
    --fs-p: 16px;         --lh-p: 26px;         --fw-p: 400;    /* paragraph */
    --fs-nav: 18px;       --lh-nav: 22.86px;    --fw-nav: 500;  /* top menue */
    --fs-btn: 20px;       --lh-btn: 22.86px;    --fw-btn: 600;  /* button */
    --fs-eyebrow: 14px;   --ls-eyebrow: 1.96px; --fw-eyebrow: 600;
    --fs-stat: 58px;      --fw-stat: 600;
    --fs-about: 18px;
    --fs-chip: 14px;
    --fs-card-sub: 14.4px; --lh-card-sub: 19.44px;
    --fs-job: 22px;       --fs-job-hover: 24px;
    --fs-career-eyebrow: 16px; --lh-career-eyebrow: 27.959px;
    --fs-footer-h: 20px;
    --fs-legal: 14px;
    --fs-side-tab: 18px;  --lh-side-tab: 25.71px;

    /* Layout */
    --frame: 1920px;
    --container: 1520px;
    /* Side padding: 200px at the 1920 frame, content stays 1520px wide. Uses % (of the section width,
       scrollbar excluded) rather than vw, so it is only valid in padding / width declarations. */
    --gutter: max(24px, calc((100% - 1520px) / 2));
    --header-top: 14px;
    --header-height: 104px;
    --header-height-scrolled: 104px;             /* Figma has no scrolled variant */
    --header-offset: calc(var(--header-top) + var(--header-height));

    /* Radii */
    --radius-pill: 500px;
    --radius-btn-sm: 4px;
    --radius-btn: 8px;
    --radius-card: 8px;
    --radius-box: 16px;
    --radius-chip: 4px;

    /* Shadows */
    --shadow-card: 0 0 15.6px rgba(0, 0, 0, 0.1);
    --shadow-card-hover: 0 0 15.6px rgba(0, 0, 0, 0.21);
    --shadow-card-qa-hover: 0 0 20px rgba(0, 0, 0, 0.2);
    --shadow-side-tab: -3px 0 15px rgba(0, 0, 0, 0.2);
    --shadow-popup: 0 25px 50px rgba(0, 0, 0, 0.25);
    --shadow-header-scrolled: 0 4px 20px rgba(0, 0, 0, 0.08);   /* default, no Figma value */

    /* Motion (Figma: Smart Animate 0.3s ease-out on hovers, Move In 0.5s ease-out on the popup) */
    --ease-out: cubic-bezier(0, 0, 0.58, 1);
    --ease-enter: cubic-bezier(.22, .61, .36, 1);
    --dur-hover: 0.3s;
    --dur-popup: 0.5s;
}