/* ==========================================================================
   Magengrim — design tokens
   The one place the brand's colours, radii and rhythm are declared. Every
   hand-built section (hero, solutions, about) reads from here, so the pages
   stay consistent because they share values rather than because someone
   remembered to copy the same hex twice.
   Loaded before any of those sheets.
   ========================================================================== */

:root {
  /* Ink and text */
  --mg-ink: #0d0b1a;
  --mg-dim: #8c8c9a;          /* display type's recessive tone, ~3.3:1 on white */
  --mg-muted: rgba(13, 11, 26, 0.55);
  --mg-faint: rgba(13, 11, 26, 0.42);
  --mg-line: rgba(13, 11, 26, 0.12);

  /* Brand */
  --mg-purple: #673de6;
  --mg-indigo: #3d1f8e;
  --mg-accent: #5270aa;

  /* Surfaces */
  --mg-bg: #ffffff;
  --mg-bg-alt: #f3f5f7;
  --mg-surface: #ffffff;
  --mg-surface-soft: #f1f2f5;

  /* Shape */
  --mg-radius: 18px;
  --mg-radius-sm: 11px;
  --mg-gap: 20px;

  /* Type */
  --mg-display: "Sora", sans-serif;
  --mg-body: "DM Sans", sans-serif;

  /* Motion */
  --mg-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}