/* ═══════════════════════════════════════════════════════════════════════════
   MMFYT Design System — aligned to landing.html
   Space Grotesk + Playfair Display · ink #07070e · blue accents · grain
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --ink:#07070e;
  --bg:#07070e;
  --surface:#0d0d1a;
  --surface2:#111120;
  --surface3:#181828;
  --cream:#f2f1ec;
  --border:rgba(255,255,255,.07);
  --border-hover:rgba(255,255,255,.14);
  --accent:#2563eb;
  --accent2:#60a5fa;
  --accent3:#38bdf8;
  --blue2:#314c6d;
  --muted:rgba(156,156,172,.55);
  --text:#f0f0f8;
  --text2:rgba(240,240,255,.45);
  --text3:rgba(240,240,255,.22);
  --green:#4ade80;
  --red:#f87171;
  --orange:#fb923c;
  --yellow:#facc15;
  --glow:0 4px 20px rgba(37,99,235,.28);
  --glow-sm:0 2px 10px rgba(0,0,0,.22);
  --header-bg:rgba(7,7,14,.88);
  --radius-btn:8px;
  --radius-card:14px;
  --font: 'Space Grotesk',sans-serif;
  --font-serif:'Playfair Display',serif;
}

body.light{
  --bg:#f2f1ec;
  --surface:#ffffff;
  --surface2:#eaeaf2;
  --surface3:#e0e0ee;
  --border:rgba(0,0,0,.09);
  --border-hover:rgba(0,0,0,.16);
  --text:#0d0d1a;
  --text2:rgba(13,13,26,.55);
  --text3:rgba(13,13,26,.30);
  --muted:rgba(13,13,26,.5);
  --green:#15803d;--red:#dc2626;--orange:#ea580c;--yellow:#ca8a04;
  --header-bg:rgba(242,241,236,.92);
  --glow:0 4px 18px rgba(37,99,235,.18);
  --glow-sm:0 1px 6px rgba(0,0,0,.1);
}

/* Grain — identical to landing */
.mmfyt-grain::after,
body.mmfyt-grain::after{
  content:'';
  position:fixed;inset:0;z-index:9999;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.032;
}

/* Brand wordmark */
.mmfyt-brand{
  font-family:var(--font);
  font-weight:700;
  letter-spacing:-.5px;
  background:linear-gradient(135deg,#2563eb,#60a5fa,#38bdf8);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-decoration:none;
}
.mmfyt-brand em{
  font-style:italic;
  font-family:var(--font-serif);
  font-weight:400;
}

/* Landing-style mono label */
.mmfyt-label{
  font-size:11px;font-weight:500;text-transform:uppercase;
  letter-spacing:.15em;color:var(--text2);
}

/* Buttons — landing DNA */
.mmfyt-btn,
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 24px;border-radius:var(--radius-btn);
  font-family:var(--font);font-size:14px;font-weight:600;
  text-decoration:none;transition:all .2s;cursor:pointer;border:none;
}
.mmfyt-btn-primary,
.btn-primary{
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
  box-shadow:0 4px 20px rgba(37,99,235,.35)!important;
}
.mmfyt-btn-primary:hover,
.btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 28px rgba(37,99,235,.45)!important;
}
.mmfyt-btn-outline,
.btn-outline{
  background:transparent;color:var(--text);
  border:1px solid var(--border);
}
.mmfyt-btn-outline:hover,
.btn-outline:hover{
  background:var(--border);border-color:var(--border-hover);
}

/* Ambient blue glows (hero language) */
.mmfyt-glow-bg{
  background-image:
    radial-gradient(ellipse at 78% 12%,rgba(37,99,235,.16),transparent 55%),
    radial-gradient(ellipse at 12% 88%,rgba(96,165,250,.08),transparent 50%);
}