/* Common mobile scale (review docs/design/revue-mobile-2026-10-12.md, validated by Tom on 2026-10-12).
   Tokens only: each page stylesheet applies them inside its own max-width:600px block. */
:root {
  /* Colours of the charter */
  --lfc-m-violet: #7a5a9a;
  --lfc-m-ink: #2f4a2b;
  --lfc-m-text: #3b4237;
  --lfc-m-sage: #b5cf8a;

  /* Type */
  --lfc-m-eyebrow: 11px;                        /* SEO H1 shown as an uppercase eyebrow */
  --lfc-m-display: clamp(34px, 10.5vw, 42px);   /* nursery or town name: 40px at 390, 37px at 360 */
  --lfc-m-h2: clamp(25px, 7vw, 28px);
  --lfc-m-h3: 20px;
  --lfc-m-lead: 16px;
  --lfc-m-body: 16px;
  --lfc-m-small: 14px;
  --lfc-m-tag: 12px;

  /* Touch targets */
  --lfc-m-button: 48px;
  --lfc-m-button-2: 44px;
  --lfc-m-touch: 44px;

  /* Spacing, 8px steps */
  --lfc-m-1: 4px;
  --lfc-m-2: 8px;
  --lfc-m-3: 12px;
  --lfc-m-4: 16px;
  --lfc-m-5: 24px;
  --lfc-m-6: 32px;
  --lfc-m-7: 48px;
  --lfc-m-section: 56px;
  --lfc-m-gutter: clamp(20px, 6.2vw, 24px);

  /* Image caps */
  --lfc-m-hero-visual: 200px;
  --lfc-m-mascot: 130px;
  --lfc-m-card-mascot: 48px;
  --lfc-m-photo-max: 260px;
  --lfc-m-illustration: 140px;
  --lfc-m-icon: 56px;
}