@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600&display=swap');
/* ---------- TOKENS (re-theme here) ---------- */
.m5n{
--ink:#09090b; --ink-2:#0e1316; --ink-3:#1a2024; --line:#2B3033; --charcoal:#2B3033;
--text:#ecebe6; --muted:#9a998f; --dim:#6b6a63;
/* Drone Nerds brand palette */
--red:#D92211; --red-2:#BF1E0F; --red-3:#99180C; --red-4:#590E07;
--blue:#1A98C9; --blue-l:#3BB0E0; --teal:#105E7C; --teal-2:#0D4B63; --navy:#082E3D; --green:#07B376;
/* heat tokens drive the hero bloom; now brand reds with a hot white core */
--heat-0:#082E3D; --heat-1:#0D4B63; --heat-2:#105E7C; --heat-3:#1A98C9; --heat-4:#3BB0E0; --heat-5:#DFF3FA;
--accent:var(--red);
--brand:var(--blue-l);
--sans:'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;
--cond:'Barlow Condensed', 'Arial Narrow', Impact, sans-serif;
--pad:clamp(20px, 4vw, 56px);
}
/* ---------- THEME CONTAINER OVERRIDE ----------
Theme caps .container at 1290px. :has() scopes this to only the container
holding this block. If the theme uses a different class, change .container here. */
.container:has(.m5n){ max-width:1400px; }
/* ---------- BASE ---------- */
.m5n{ font-family:var(--sans); color:var(--text); background:var(--ink); line-height:1.5; -webkit-font-smoothing:antialiased;
margin:0 auto; max-width:1400px; overflow:clip; border-radius:4px; }
.m5n *, .m5n *::before, .m5n *::after{ box-sizing:border-box; }
