/**
 * @file
 * MLT Modern — Non-colour design tokens.
 *
 * Typography stack, spacing scale, radii, shadows. Kept separate from the
 * scheme-bridge so colour and form can be tuned independently.
 */

:root {
  /* Type stack — system fonts. Matches the rewires landing page exactly.
   * Avoids loading a webfont; parent themes already load Font Awesome and
   * we want the child to add no extra network requests. */
  --mlt-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --mlt-font-heading: var(--mlt-font-body);

  /* Spacing scale (rough, not a strict 4/8 system - mirrors rewires.html). */
  --mlt-space-xs: 6px;
  --mlt-space-sm: 10px;
  --mlt-space-md: 16px;
  --mlt-space-lg: 24px;
  --mlt-space-xl: 32px;
  --mlt-space-2xl: 50px;
  --mlt-space-3xl: 70px;

  /* Border radii. */
  --mlt-radius-sm: 4px;
  --mlt-radius-md: 6px;
  --mlt-radius-lg: 10px;
  --mlt-radius-pill: 30px;

  /* Shadows. */
  --mlt-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.04);
  --mlt-shadow-elevated: 0 12px 24px rgba(0, 0, 0, 0.08);
  --mlt-shadow-hero-form: 0 20px 50px rgba(0, 0, 0, 0.25);

  /* Layout. */
  --mlt-container-max: 1200px;
  --mlt-container-pad: 20px;
}