/* =========================================================
   M2A GROUP — UNIFIED MASTER DESIGN TOKENS V4
   Single source of truth for palette, spacing, typography, sectors and motion.
   ========================================================= */
:root{
  /* Atmospheric canvas */
  --m2a-bg:#121418;
  --m2a-bg-deep:#0E1218;
  --m2a-bg-navy:#111A24;
  --m2a-bg-elevated:#171D26;

  /* Luminous glass surfaces */
  --m2a-surface:#1E293B;
  --m2a-surface-soft:rgba(30,41,59,.64);
  --m2a-surface-medium:rgba(30,41,59,.76);
  --m2a-surface-strong:rgba(30,41,59,.88);
  --m2a-surface-solid:#1E293B;
  --m2a-glass-top:rgba(30,41,59,.82);
  --m2a-glass-bottom:rgba(22,31,45,.68);

  /* Platinum hierarchy */
  --m2a-text:#E2E8F0;
  --m2a-heading:#F8FAFC;
  --m2a-muted:#AEB9C7;
  --m2a-muted-strong:#CBD5E1;

  /* Brand accents */
  --m2a-gold:#D4AF37;
  --m2a-gold-soft:#F0D477;
  --m2a-gold-deep:#B98F2B;
  --m2a-sky:#38BDF8;
  --m2a-sky-soft:#7DD3FC;
  --m2a-sky-deep:#0EA5E9;

  /* Sector palette */
  --m2a-sector-real-estate:#D4AF37;
  --m2a-sector-development:#0284C7;
  --m2a-sector-contracting:#F59E0B;
  --m2a-sector-supplies:#00F2FE;
  --m2a-sector-trade:#2563EB;
  --m2a-sector-agriculture:#059669;
  --m2a-sector-commercial:#CBD5E1;
  --m2a-sector-incubators:#8B5CF6;
  --m2a-sector-irrigation:#38BDF8;

  /* Borders / depth */
  --m2a-line:rgba(226,232,240,.11);
  --m2a-line-strong:rgba(226,232,240,.18);
  --m2a-gold-line:rgba(212,175,55,.34);
  --m2a-sky-line:rgba(56,189,248,.34);
  --m2a-shadow:0 28px 84px rgba(0,0,0,.30);
  --m2a-shadow-hover:0 36px 104px rgba(0,0,0,.38);
  --m2a-gold-glow:0 0 24px rgba(212,175,55,.16),0 16px 44px rgba(0,0,0,.24);
  --m2a-sky-glow:0 0 22px rgba(56,189,248,.14);

  /* 8px spacing grid */
  --m2a-space-1:8px;
  --m2a-space-2:16px;
  --m2a-space-3:24px;
  --m2a-space-4:32px;
  --m2a-space-5:40px;
  --m2a-space-6:48px;
  --m2a-space-7:56px;
  --m2a-space-8:64px;
  --m2a-space-10:80px;
  --m2a-space-12:96px;
  --m2a-section-y:105px;
  --m2a-section-head-gap:48px;

  /* Homepage-reference type scale */
  --m2a-type-h1:clamp(34px,3.6vw,56px);
  --m2a-type-h2:clamp(30px,3.7vw,50px);
  --m2a-type-h3:22px;
  --m2a-type-body-lg:18px;
  --m2a-type-body:17px;
  --m2a-type-card:15px;
  --m2a-type-label:12px;
  --m2a-weight-body:500;
  --m2a-weight-label:800;
  --m2a-weight-card:800;
  --m2a-weight-heading:900;
  --m2a-weight-display:900;

  /* 60fps-friendly motion */
  --m2a-ease:cubic-bezier(.16,1,.3,1);
  --m2a-motion-fast:180ms;
  --m2a-motion:280ms;
  --m2a-motion-slow:480ms;
  --m2a-lift:-6px;
  --m2a-tilt-x:3.2deg;
  --m2a-tilt-y:4.2deg;
  --m2a-spot-size:340px;
}

body.m2a-master-template{
  /* Existing V8 compatibility layer */
  --bg:var(--m2a-bg);
  --bg2:var(--m2a-bg-navy);
  --card:var(--m2a-surface-soft);
  --card2:var(--m2a-surface-medium);
  --text:var(--m2a-text);
  --muted:var(--m2a-muted);
  --gold:var(--m2a-gold);
  --gold2:var(--m2a-gold-soft);
  --cyan:var(--m2a-sky);
  --line:var(--m2a-line);
  --gold-line:var(--m2a-gold-line);
  --shadow:var(--m2a-shadow);

  /* Master shell aliases */
  --m2a-brand-bg:var(--m2a-bg-deep);
  --m2a-brand-bg-2:var(--m2a-bg-navy);
  --m2a-brand-text:var(--m2a-text);
  --m2a-brand-muted:var(--m2a-muted);
  --m2a-brand-gold:var(--m2a-gold);
  --m2a-brand-gold-2:var(--m2a-gold-soft);
  --m2a-brand-line:var(--m2a-line);
  --m2a-brand-gold-line:var(--m2a-gold-line);
}