:root {
  /* Couleurs — identiques à l'app */
  --fm-bg:           #f3efe8;
  --fm-bg-2:         #ece6dc;
  --fm-ink:          #151a27;
  --fm-ink-soft:     #5a6379;
  --fm-surface:      #fcfaf6;
  --fm-surface-2:    #f4f0e9;
  --fm-line:         rgba(21, 26, 39, 0.14);
  --fm-brand:        #fa5a2c;
  --fm-brand-strong: #da4318;
  --fm-mint:         #39c78a;
  --fm-navy:         #151a27;
  --fm-navy-deep:    #0d1220;

  /* Macros — identiques à l'app */
  --fm-macro-calories: #fa5a2c;
  --fm-macro-proteins: #2bb673;
  --fm-macro-carbs:    #3a87f8;
  --fm-macro-fats:     #f0a531;
  --fm-macro-fibers:   #26aa8b;

  /* Typographie */
  --fm-font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --fm-font-head: "Space Grotesk", "Manrope", ui-sans-serif, sans-serif;
  --fm-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Ombres — identiques à l'app */
  --fm-shadow-card: 4px 4px 10px #e8e6e2, -4px -4px 10px #ffffff;
  --fm-shadow-pop:  0 24px 40px rgba(12, 15, 24, 0.24);

  /* Landing-specific */
  --lp-max-width:   1120px;
  --lp-section-py:  clamp(64px, 10vw, 120px);
  --lp-easing:      cubic-bezier(0.22, 1, 0.36, 1);
}