/* =========================================================================
   Whatsoza — Design Tokens + Fonts
   ========================================================================= */

/* ---- Self-hosted fonts -------------------------------------------------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-500.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-600.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-700.woff2') format('woff2');}
@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/sora-600.woff2') format('woff2');}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/sora-700.woff2') format('woff2');}
@font-face{font-family:'Sora';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/sora-800.woff2') format('woff2');}

:root{
  /* Color — brand */
  --c-primary:#0E7C6B; --c-primary-600:#0B6256; --c-primary-700:#08443C;
  --c-primary-50:#E7F4F1; --c-primary-100:#CDEAE4; --c-primary-200:#A7DAD0;
  --c-accent:#F2B705; --c-accent-600:#D49E04;
  --c-wa:#25D366; --c-wa-600:#1FB457;

  /* Color — neutrals */
  --c-ink:#0B1220; --c-body:#3B4658; --c-muted:#697587;
  --c-bg:#FFFFFF; --c-surface:#F6F8FA; --c-surface-2:#EEF2F6; --c-border:#E3E8EF;

  /* Color — dark band */
  --c-dark:#0A1A2F; --c-dark-2:#0E2742; --c-on-dark:#E8EEF6; --c-on-dark-muted:#9DB0C7;
  --c-dark-border:rgba(255,255,255,.10); --c-dark-card:rgba(255,255,255,.04);

  /* Semantic */
  --c-success:#1F9D55; --c-warn:#C9820A; --c-error:#D64550;

  /* Typography */
  --font-display:'Sora',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-body:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --fs-display:clamp(2.4rem,5vw,4rem);
  --fs-h1:clamp(2rem,3.6vw,3rem);
  --fs-h2:clamp(1.6rem,2.6vw,2.25rem);
  --fs-h3:1.5rem; --fs-h4:1.25rem;
  --fs-lead:1.175rem; --fs-body:1rem; --fs-sm:.9rem; --fs-xs:.8rem;
  --lh-tight:1.12; --lh-snug:1.3; --lh-body:1.65;

  /* Space (8pt) */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem;
  --s-6:2rem; --s-7:3rem; --s-8:4rem; --s-9:6rem; --s-10:8rem;
  --section-y:clamp(4rem,8.5vw,8rem);
  --container:1240px;

  /* Radius */
  --r-sm:8px; --r:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;

  /* Shadow */
  --sh-1:0 1px 2px rgba(11,18,32,.06),0 1px 3px rgba(11,18,32,.08);
  --sh-2:0 10px 30px -8px rgba(11,18,32,.12);
  --sh-3:0 24px 60px -12px rgba(11,18,32,.18);
  --sh-primary:0 14px 34px -10px rgba(14,124,107,.45);

  /* Motion */
  --t:180ms cubic-bezier(.4,0,.2,1); --t-lg:320ms cubic-bezier(.4,0,.2,1);
  --ring:0 0 0 3px rgba(14,124,107,.35);
}