/* Oasis Engineering — design tokens (homepage v4 + Design System). Edit here; every page linking this file updates. */
:root{
  /* Surfaces */
  --bg-dark:#111111;
  --surface-dark:#1C1B1A;
  --bg-light:#F5F1EC;
  --bg-light-clear:rgba(245,241,236,0);
  --surface-2:#EBE7E1;
  --white:#FFFFFF;
  /* Brand */
  --red-primary:#EC1C24;
  --red-text:#C8141B;
  --grey-brand:#D3CEC6;
  --tint-photo:#2E6E9E;
  --tint-hover:#1A4FA0;
  /* Text on dark */
  --text-dark-primary:#F5F1EC;
  --text-dark-lead:#BDB8B1;
  --text-dark-body:#ADA9A3;
  --text-dark-muted:#9C9893;
  --text-dark-faint:#7B7B78;
  --ink-numeral-dark:#2B2A28;
  /* Text on light */
  --text-light-primary:#111111;
  --text-light-body:#626260;
  --text-light-muted:#7B7B78;
  /* Lines */
  --border-light:#D3CEC6;
  --border-light-soft:#E3DED7;
  --line-dark:rgba(211,206,198,.12);
  --line-dark-step:rgba(211,206,198,.14);
  --line-dark-fig:rgba(211,206,198,.16);
  --line-dark-contact:rgba(211,206,198,.2);
  --line-dark-strong:rgba(211,206,198,.28);
  --line-dark-leader:rgba(211,206,198,.5);
  --grid-dark:rgba(211,206,198,.05);
  /* Overlays */
  --overlay-header:rgba(17,17,17,.86);
  --overlay:rgba(17,17,17,.8);
  --overlay-tile:rgba(17,17,17,.78);
  --scrim-band:linear-gradient(90deg,rgba(17,17,17,.94) 0%,rgba(17,17,17,.78) 38%,rgba(17,17,17,0) 70%);
  /* WhatsApp */
  --whatsapp:#25D366;
  --whatsapp-ink:#07210F;
  /* Fonts */
  --font-display:'Inter',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --fw-display:500;
  /* Type scale (clamp = mobile min, fluid, desktop max) */
  --fs-hero:clamp(52px,7vw,96px);   --lh-hero:1.05; --ls-hero:-.028em;
  --fs-h2:clamp(36px,4.2vw,56px);   --lh-h2:1.1;    --ls-h2:-.02em;
  --fs-h2-xl:clamp(40px,5vw,72px);  --lh-h2-xl:.98;
  --fs-h3:22px;                     --lh-h3:1.25;   --ls-h3:-.3px;
  --fs-stat:clamp(48px,5vw,72px);   --lh-stat:1;    --ls-stat:-.03em;
  --fs-lead-hero:20px;              --lh-lead-hero:1.4; --ls-lead-hero:-.2px;
  --fs-lead:18px;                   --lh-lead:1.5;  --ls-lead:-.1px;
  --fs-body:15px;                   --lh-body:1.6;
  --fs-button:15px;
  --fs-eyebrow:13px;
  --fs-mono:12px;
  --fs-mono-sm:11px;
  /* Shape */
  --radius-pill:999px;
  --radius-nav:14px;
  --radius-sm:10px;
  --border-hair:1px;
  --border-outline:1.5px;
  --border-rule:2px;
  --shadow-float:0 8px 24px rgba(0,0,0,.3);
  --shadow-nav:0 8px 30px rgba(0,0,0,.12);
  /* Buttons */
  --btn-pad-l:15px 26px;
  --btn-pad-l-outline:13.5px 24.5px;
  --btn-pad-m:11px 20px;
  /* Layout */
  --container:1320px;
  --gutter:32px;
  --gutter-mobile:16px;
  --section-y:112px;
  /* Motion */
  --ease-reveal:cubic-bezier(.2,.7,.2,1);
}
