/* Oasis Engineering — base tokens. oasis-tokens-v4.css with the live homepage's overrides (EB Garamond display, glass surfaces). */
: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%); /* @kind color */
  /* WhatsApp */
  --whatsapp:#25D366;
  --whatsapp-ink:#07210F;
  /* Fonts */
  --font-display:'EB Garamond',Georgia,serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --fw-display:400; /* @kind font */
  /* Type scale (clamp = mobile min, fluid, desktop max) */
  --fs-hero:clamp(66px,8.4vw,108px); /* @kind font */
  --lh-hero:1.05; /* @kind font */
  --ls-hero:-.03em; /* @kind font */
  --fs-h2:clamp(34px,3.6vw,48px); /* @kind font */
  --lh-h2:1.08; /* @kind font */
  --ls-h2:-.02em; /* @kind font */
  --fs-h2-xl:clamp(40px,4.6vw,64px); /* @kind font */
  --lh-h2-xl:1.05; /* @kind font */
  --fs-h3:20px; /* @kind font */
  --lh-h3:1.35; /* @kind font */
  --ls-h3:0; /* @kind font */
  --fs-stat:clamp(44px,4.4vw,64px); /* @kind font */
  --lh-stat:1.05; /* @kind font */
  --ls-stat:-.02em; /* @kind font */
  --fs-lead-hero:20px; /* @kind font */
  --lh-lead-hero:1.4; /* @kind font */
  --ls-lead-hero:.18px; /* @kind font */
  --fs-lead:18px; /* @kind font */
  --lh-lead:1.5; /* @kind font */
  --ls-lead:.16px; /* @kind font */
  --fs-body:16px; /* @kind font */
  --lh-body:1.5; /* @kind font */
  --fs-button:15px; /* @kind font */
  --fs-eyebrow:12px; /* @kind font */
  --fs-mono:12px; /* @kind font */
  --fs-mono-sm:11px; /* @kind font */
  /* Shape */
  --radius-pill:999px;
  --radius-nav:14px;
  --radius-sm:10px;
  --radius-card:14px; /* @kind other */
  --border-hair:1px; /* @kind other */
  --border-outline:1.5px; /* @kind other */
  --border-rule:2px; /* @kind other */
  --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; /* @kind spacing */
  --btn-pad-l-outline:13.5px 24.5px; /* @kind spacing */
  --btn-pad-m:11px 20px; /* @kind spacing */
  /* Layout */
  --container:1320px; /* @kind spacing */
  --gutter:32px; /* @kind spacing */
  --gutter-mobile:16px; /* @kind spacing */
  --section-y:112px; /* @kind spacing */
  /* Glass (light sections) */
  --glass-fill:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 60%),rgba(255,255,255,.04); /* @kind color */
  --glass-fill-hover:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 60%),rgba(255,255,255,.07); /* @kind color */
  --glass-border:rgba(255,255,255,.45);
  --glass-border-hover:rgba(255,255,255,.95);
  --glass-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -1px 1px rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.3),inset 0 0 14px rgba(255,255,255,.12),0 10px 30px -14px rgba(17,17,17,.14);
  --glass-shadow-hover:inset 0 1px 1px rgba(255,255,255,1),inset 0 -1px 1px rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.4),inset 0 0 18px rgba(255,255,255,.18),0 16px 40px -14px rgba(17,17,17,.2);
  --glass-blur:blur(14px) saturate(130%); /* @kind other */
  --glass-figure:rgba(236,230,220,.22);
  --glass-red-fill:radial-gradient(120% 100% at 50% 0%,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 65%),rgba(215,38,44,.1); /* @kind color */
  --glass-red-fill-hover:radial-gradient(120% 100% at 50% 0%,rgba(255,255,255,.65) 0%,rgba(255,255,255,0) 65%),rgba(215,38,44,.18); /* @kind color */
  --glass-red-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 1px rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.35),inset 0 0 14px rgba(215,38,44,.08),0 8px 22px -12px rgba(160,20,26,.3);
  --glass-chip:rgba(255,255,255,.12);
  --glass-chip-shadow:inset 0 1px 1px rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.25);
  --shadow-photo-card:0 18px 48px -20px rgba(17,17,17,.35),0 2px 6px rgba(17,17,17,.06);
  --scrim-photo-card:linear-gradient(to top,rgba(14,14,14,.88) 0%,rgba(14,14,14,.55) 34%,rgba(14,14,14,0) 62%); /* @kind color */
  /* Flow background (light sections float over it) */
  --flow-bg:#F5F1EC;
  --flow-tri:#C5C7C9;
  --flow-tri-line:#9A9C9E;
  --section-light-veil:rgba(245,241,236,.72);
  --section-white-veil:rgba(255,255,255,.55);
  /* Motion */
  --ease-reveal:cubic-bezier(.2,.7,.2,1); /* @kind other */
}
