/* Mendvox design tokens — brand palette from the logo, light weights, glass. */
:root{
  /* brand */
  --peri:#8E8BFE; --peri-600:#7B77FB; --peri-700:#6A66F0; --peri-soft:#F0EFFF; --peri-soft-2:#F8F8FF;
  --mint:#01FFB6; --mint-2:#5EE9D3; --mint-soft:#E4FFF7;
  --yellow:#FBD24D; --yellow-2:#F6FF8A; --yellow-soft:#FFF8E1;
  --ink:#0A0A0B; --ink-2:#16161A; --ink-3:#24242B;
  --grey:#E3E5E5; --canvas:#F7F8F9; --card:#FFFFFF;
  --line:#E8EAEC; --line-2:#F1F3F4;
  --txt:#101012; --txt-2:#5A5F66; --txt-3:#8A9099;
  --ok:#0FBF8F; --ok-soft:#E4FFF7; --warn:#D99A00; --warn-soft:#FFF8E1;
  --bad:#F0554D; --bad-soft:#FFEFEE;

  /* type — deliberately light; the wordmark is light, the UI matches */
  --f: "Poppins", ui-sans-serif, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --w-body:400; --w-med:500; --w-semi:500; --w-head:500; --w-strong:600;

  /* shape + depth */
  --r-sm:10px; --r:14px; --r-lg:20px; --r-xl:26px;
  --sh-1:0 1px 2px rgba(10,10,11,.04);
  --sh-2:0 2px 8px rgba(10,10,11,.06);
  --sh-3:0 8px 28px rgba(10,10,11,.08);
  --sh-4:0 18px 48px rgba(10,10,11,.12);
  --sh-peri:0 8px 24px rgba(142,139,254,.32);

  /* glass */
  --glass: rgba(255,255,255,.72);
  --glass-line: rgba(255,255,255,.6);
  --glass-blur: saturate(1.6) blur(16px);
  --glass-dark: rgba(22,22,26,.6);

  /* motion */
  --ease:cubic-bezier(.16,1,.3,1);
  --t-fast:.18s var(--ease); --t:.28s var(--ease); --t-slow:.5s var(--ease);
}