/* MOBILIGAZ | Proposed web brand tokens | v0.1 | 2026-09-20
   Design proposal derived from the appearance of the supplied concepts.
   These are standardised choices, not an exact extraction of every rendered pixel.
   Font files are not included. Obtain the selected fonts from their official sources.
   This stylesheet defines tokens only; it does not change page layout or typography.
*/
:root {
  --mg-navy: #0B223D;
  --mg-midnight: #061626;
  --mg-blue: #145A83;
  --mg-gold: #F5A623;
  --mg-gold-hover: #D88A10;
  --mg-gold-highlight: #FFD36A;
  --mg-white: #FFFFFF;
  --mg-surface: #F4F7FA;
  --mg-slate: #526377;
  --mg-border: #DFE6ED;

  --mg-font-heading: "Manrope", "Inter", system-ui, sans-serif;
  --mg-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mg-font-weight-body: 400;
  --mg-font-weight-medium: 500;
  --mg-font-weight-semibold: 600;
  --mg-font-weight-bold: 700;
  --mg-line-height-body: 1.6;
  --mg-line-height-heading: 1.15;

  --mg-space-1: 0.25rem;
  --mg-space-2: 0.5rem;
  --mg-space-3: 0.75rem;
  --mg-space-4: 1rem;
  --mg-space-6: 1.5rem;
  --mg-space-8: 2rem;
  --mg-space-12: 3rem;
  --mg-space-16: 4rem;
  --mg-radius-control: 0.5rem;
  --mg-radius-card: 0.75rem;
  --mg-content-max-width: 75rem;

  --mg-background: var(--mg-white);
  --mg-text: var(--mg-navy);
  --mg-text-muted: var(--mg-slate);
  --mg-link: var(--mg-blue);
  --mg-action-background: var(--mg-gold);
  --mg-action-background-hover: var(--mg-gold-hover);
  --mg-action-text: var(--mg-navy);
  --mg-input-border: var(--mg-slate);

  /* Decorative only: do not assume text placed over a gradient passes contrast. */
  --mg-gradient-navy: linear-gradient(135deg, #061626 0%, #0B223D 55%, #145A83 100%);
  --mg-gradient-gold: linear-gradient(135deg, #D88A10 0%, #F5A623 55%, #FFD36A 100%);
  --mg-shadow-card: 0 0.5rem 1.5rem rgb(6 22 38 / 8%);
}