/* Sigma Process Controls design tokens (from design system) */
:root{
/* Brand — sampled from sigmaprocesscontrols.com */
--sigma-navy:#0f2437;      /* deep navy: product sections, Send button, headings */
--sigma-steel:#3b6d8e;     /* steel blue: primary buttons, section titles, services band */
--sigma-steel-600:#325e7b; /* steel hover */
--sigma-navy-700:#0a1a29;  /* navy hover */
--sigma-mist:#c5d8df;      /* pale blue-grey: stats + industries bands */
--sigma-black:#000000;     /* footer */
--sigma-white:#ffffff;
/* Neutrals */
--gray-900:#111111;--gray-800:#222222;--gray-700:#3a3a3a;--gray-600:#555555;--gray-500:#7a7a7a;--gray-400:#9a9a9a;--gray-300:#cfcfcf;--gray-200:#dedede;--gray-100:#f2f2f2;
/* Partner/accent seen in imagery only (not UI) */
--whatsapp:#25d366;
/* Semantic */
--fg-1:var(--gray-900);
--fg-2:var(--gray-700);
--fg-3:var(--gray-500);
--fg-on-dark:#ffffff;
--fg-on-dark-2:rgba(255,255,255,.82);
--fg-brand:var(--sigma-steel);
--fg-heading-strong:var(--sigma-navy);
--surface-page:#ffffff;
--surface-card:#ffffff;
--surface-mist:var(--sigma-mist);
--surface-steel:var(--sigma-steel);
--surface-navy:var(--sigma-navy);
--surface-footer:var(--sigma-black);
--border-1:#d6d6d6;
--border-input:#cfcfcf;
--border-on-dark:rgba(255,255,255,.22);
--border-on-mist:rgba(15,36,55,.18);
--action-primary:var(--sigma-steel);
--action-primary-hover:var(--sigma-steel-600);
--action-strong:var(--sigma-navy);
--action-strong-hover:var(--sigma-navy-700);
--overlay-hero:linear-gradient(180deg,rgba(6,12,20,.55) 0%,rgba(6,12,20,.45) 60%,rgba(6,12,20,.65) 100%); /* @kind color */
--overlay-card:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.72) 100%); /* @kind color */
}

:root{
--font-sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
--font-display:var(--font-sans);
--fw-light:300; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
/* Scale (desktop, 1440 viewport) */
--fs-hero:72px;      /* H1 hero, bold, lh 1 */
--fs-display:64px;   /* FAQ / CTA display, bold */
--fs-h2-xl:48px;     /* centered section title (Why Choose…) */
--fs-h2:40px;        /* UPPERCASE section label (ABOUT…, OUR SERVICES) */
--fs-h2-sm:30px;     /* section title on dark bands */
--fs-h3:26px;        /* light subhead under section label */
--fs-h4:22px;        /* card titles */
--fs-h5:20px;        /* service card / industry names */
--fs-body-lg:18px;   /* hero + about body */
--fs-body:16px;      /* nav, footer, card body */
--fs-body-sm:14px;   /* card copy, form inputs */
--fs-caption:12px;   /* legal */
--fs-stat:140px;     /* counters, light */
--lh-tight:1.04; /* @kind font */
--lh-heading:1.18; /* @kind font */
--lh-body:1.45; /* @kind font */
--lh-relaxed:1.6; /* @kind font */
--ls-tight:-0.02em; /* @kind font */
--ls-body:0.01em; /* @kind font */
/* Semantic */
--text-hero:var(--fw-bold) var(--fs-hero)/var(--lh-tight) var(--font-display);
--text-section-label:var(--fw-bold) var(--fs-h2)/1.2 var(--font-display);
--text-subhead:var(--fw-light) var(--fs-h3)/1.3 var(--font-sans);
--text-body:var(--fw-regular) var(--fs-body-lg)/var(--lh-body) var(--font-sans);
}

:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:120px;
--container:1150px;          /* 145px gutters at 1440 */
--gutter:24px;
--section-y:120px;           /* vertical band padding */
--radius-0:0px;              /* default: square buttons, inputs, cards */
--radius-1:4px;              /* floating enquiry panel only */
--radius-pill:999px;         /* WhatsApp bubble only */
--shadow-0:none;
--shadow-panel:0 2px 14px rgba(0,0,0,.08);
--shadow-float:0 4px 16px rgba(0,0,0,.18);
--btn-h:50px;--btn-h-sm:44px;--input-h:52px;
--dur-fast:150ms; /* @kind other */
--dur:300ms; /* @kind other */
--ease:cubic-bezier(.25,.46,.45,.94); /* @kind other */
}

