/* ==========================================================================
   LEXIN LEGAL — Design Tokens (single source of truth)
   Brand verified from master logo: navy #292A3D + red #DD3211
   ========================================================================== */
:root{
  /* ---- navy scale ---- */
  --navy-900:#16161F; --navy-800:#1F202C; --navy:#292A3D; --navy-600:#393B52;
  --navy-500:#4D4F69; --navy-400:#6E708A; --navy-300:#9698AB; --navy-200:#C3C4D0; --navy-100:#E2E3EA;
  /* ---- red ---- */
  --red:#DD3211; --red-hover:#C42D0F; --red-light:#E85C3F;
  /* ---- neutrals (warm) ---- */
  --white:#FFFFFF; --paper:#FAF8F3; --band:#F2EFE7; --hair:#E4E1D8; --slate:#5B5D6E; --muted:#8A8C9C;
  /* ---- type families ---- */
  --serif:"Cormorant Garamond",Georgia,serif;
  --label:"Cinzel",serif;
  --sans:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  /* ---- type scale (major third 1.250) ---- */
  --t-3xs:11px; --t-2xs:12px; --t-xs:13px; --t-sm:14px; --t-base:16px;
  --t-md:18px; --t-lg:20px; --t-xl:25px;
  /* ---- layout ---- */
  --maxw:1180px;
  /* ---- elevation ---- */
  --shadow-sm:0 1px 2px rgba(58,46,28,.05),0 1px 1px rgba(58,46,28,.03);
  --shadow-md:0 6px 18px rgba(58,46,28,.07),0 2px 5px rgba(58,46,28,.04);
  --shadow-lg:0 22px 50px rgba(48,40,26,.13),0 6px 16px rgba(48,40,26,.07);
  --shadow-navy:0 30px 66px rgba(28,22,12,.30),0 10px 22px rgba(28,22,12,.16);
  --ease:cubic-bezier(.2,.7,.2,1);
}