/* AadiFit design tokens (light liquid-glass system).
   Extracted from the homepage; shared by the homepage and the member dashboard.
   The older dark tool-page tokens live in tokens.css (--af-*). */
:root{
  --color-canvas:#FAF9F7;--color-surface:#FFFFFF;--color-surface-alt:#F3EFEC;
  --color-text:#202126;--color-text-secondary:#655E60;--color-muted:var(--color-text-secondary);--color-border:#D6CDC6;
  --color-brand-red:#C92F36;--color-brand:var(--color-brand-red);--color-brand-hover:#A9232B;--color-burgundy:#762936;
  --color-gold:#D8B77B;--color-focus:#C92F36;--color-success:#247A55;
  --radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;
  --container-max:1200px;
  --font-head:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --shadow-card:0 4px 16px rgba(32,33,38,.04);--shadow-hover:0 12px 28px rgba(32,33,38,.08);--shadow-floating:0 16px 36px rgba(32,33,38,.08);
  /* legacy aliases still used by shared scripts / footer markup */
  --bg:var(--color-canvas);--surface:var(--color-surface);--border:var(--color-border);
  --accent:var(--color-brand);--text:var(--color-text);--muted:var(--color-muted);--gold:var(--color-gold)
}
:root{
  --glass-fill:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.28) 55%,rgba(247,240,226,.55));
  --glass-edge:rgba(255,255,255,.82);
  --glass-blur:blur(18px) saturate(175%);
  --glass-sh:inset 0 2px 1px rgba(255,255,255,.98),inset 0 -12px 24px rgba(200,169,110,.07),0 18px 38px rgba(32,33,38,.12),6px 6px 0 rgba(32,33,38,.08);
  --glass-sh-hover:inset 0 2px 1px #fff,inset 0 -14px 28px rgba(200,169,110,.13),0 28px 52px rgba(32,33,38,.18),9px 9px 0 rgba(201,47,54,.20);
  --glass-ease:cubic-bezier(.16,1,.3,1);
}

/* Shared surface and button recipes (reused by the member dashboard) */
:root{
  --af-light-canvas-glow:radial-gradient(900px circle at 8% 8%,rgba(216,183,123,.20) 0%,transparent 60%),radial-gradient(1000px circle at 94% 22%,rgba(232,220,196,.55) 0%,transparent 62%),radial-gradient(900px circle at 18% 56%,rgba(243,236,224,.75) 0%,transparent 60%),radial-gradient(1000px circle at 90% 80%,rgba(216,183,123,.16) 0%,transparent 62%);
  --btn-primary-bg:linear-gradient(180deg,#DC474E 0%,#C92F36 52%,#B02830 100%);
  --btn-primary-bg-hover:linear-gradient(180deg,#E4565C 0%,#D23840 52%,#B52A32 100%);
  --btn-primary-shadow:inset 0 1.5px 0 rgba(255,255,255,.5),inset 0 -6px 12px rgba(120,16,22,.25),0 12px 24px rgba(201,47,54,.30),0 4px 0 #8F1F26;
  --btn-secondary-shadow:inset 0 2px 1px rgba(255,255,255,.98),0 10px 20px rgba(32,33,38,.09),0 3px 0 rgba(32,33,38,.08);
  --glass-sheen:linear-gradient(118deg,rgba(255,255,255,.6),rgba(255,255,255,.12) 24%,rgba(255,255,255,0) 40%),radial-gradient(120% 55% at 50% -12%,rgba(255,255,255,.5),rgba(255,255,255,0) 60%);
}