/* ============================================================
   THE MISSING BUTTONS, design tokens "Solar Orange"
   Single source of truth for color, type, spacing, radii for
   every page that LINKS this file (catalog, pricing, request,
   docs, faq, blog, legal, admin, all tool pages).

   Re-theming the inheriting site = editing this block.

   NOTE on naming: the new design file reuses the name --ink to
   mean a near-black SURFACE. The legacy pages here use --ink to
   mean near-black TEXT. We KEEP the legacy semantics in this
   shared file (so inheriting pages don't break) and only swap
   the VALUES to the new palette. Bespoke rebuilt pages
   (index / sign-in / sign-up / app) define the new design's own
   --ink/--orange/--glass-* vocabulary locally.
   ============================================================ */:root{/* ---- palette (light) ---- */--bg:#F4F8FB;/* light cool page, white cards pop */--surface:#FFFFFF;/* cards, raised */--surface-2:#EAEFF5;/* nested surfaces */--text:#020202;/* near-black */--text-secondary:#2E2930;--muted:#6B646D;--line:#E7E4EC;/* hairline borders */--line-strong:#D8D3E0;--accent:#6D28D9;/* violet, primary action */--accent-deep:#5B21B6;--accent-soft:#8B5CF6;--accent-tint:#EDE7FB;/* very light violet */--accent-contrast:#FFFFFF;--rust:#5B21B6;--live:#1F7A44;/* "Live" status green */--live-tint:#E1F2E7;--build:#6D28D9;/* "In build" violet */--build-tint:#FBE7DA;/* ---- the new design's signature tokens (safe, additive) ---- */--orange:#6D28D9;--orange-grad:linear-gradient(135deg,#8B5CF6 0%,#6D28D9 48%,#5B21B6 100%);--orange-glow:0 6px 20px rgba(109,40,217,.30);--ink-text:#F4F1EC;/* light text used ON a dark surface */--dark-surface:#020202;/* near-black surface */--card-shadow:0 1px 3px rgba(11,5,1,.08);--glass-radiant:radial-gradient(135% 180% at 50% -45%, rgba(109,40,217,.18), rgba(109,40,217,0) 56%),color-mix(in srgb, var(--bg) 60%, transparent);--glass-border:color-mix(in srgb, #ffffff 50%, var(--line));/* ---- glass (themeable backdrop-filters; none = off, zero cost) ---- */--nav-filter:blur(14px);--card-filter:none;/* ---- dark "glass" floating nav (legacy names, kept) ---- */--nav-bg:#FFFFFF;--nav-border:rgba(2, 2, 2, 0.10);--nav-text:#020202;--nav-text-muted:#6B646D;/* ---- typography ---- */--font-display:"Geist",system-ui,-apple-system,"Helvetica Neue",sans-serif;--font-sans:"Geist",system-ui,-apple-system,"Helvetica Neue",sans-serif;--font-mono:"Geist Mono",ui-monospace,"SFMono-Regular",monospace;/* ---- easing (Emil Kowalski curves: built-in easings are too weak) ---- */--ease-out:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-out:cubic-bezier(0.77, 0, 0.175, 1);/* ---- shape ---- */--radius:14px;--radius-sm:10px;--radius-lg:18px;/* ---- layout ---- */--wrap:1200px;--nav-h:64px;/* ---- legacy aliases (existing pages depend on these names) ---- */--card:#FFFFFF;--card-solid:#FFFFFF;--soft:var(--surface-2);--paper:var(--surface);--ink:var(--text);/* TEXT, near-black (legacy meaning) */--ink-soft:var(--muted);--coral:var(--accent);--coral-deep:var(--accent-deep);--coral-tint:var(--accent-tint);--patch:var(--accent);--patch-deep:var(--accent-deep);--patch-tint:var(--accent-tint);--violet:var(--text);--violet-deep:#000000;--violet-tint:var(--surface-2);--body:var(--font-sans);--display:var(--font-display);--mono:var(--font-mono)}/* ---- dark theme (toggled by the shared nav, persisted to mb_theme) ---- */html[data-theme="dark"]{--bg:#100D14;--surface:#181420;--surface-2:#221C2E;--text:#F2EFF5;--text-secondary:#C7C1CD;--muted:#8C8492;--line:#2A2435;--line-strong:#37304A;--accent:#7C3AED;--accent-deep:#6D28D9;--accent-soft:#8B5CF6;--accent-tint:rgba(124,58,237,.20);--rust:#8B5CF6;--nav-text:#F2EFF5;--nav-text-muted:#8C8492;--live:#5FC97E;--live-tint:rgba(95,201,126,.15);--build:#FF8A3C;--build-tint:rgba(109,40,217,.14);--orange:#7C3AED;--ink-text:#F4F1EC;--dark-surface:#020202;--card-shadow:0 1px 3px rgba(0,0,0,.5);--glass-radiant:radial-gradient(135% 180% at 50% -45%, rgba(124,58,237,.26), rgba(124,58,237,0) 56%),color-mix(in srgb, var(--bg) 52%, transparent);--glass-border:color-mix(in srgb, #ffffff 12%, var(--line));--card:#171310;--card-solid:#171310;--ink:var(--text);--ink-soft:#CBC5D8;/* bright secondary text in dark; was var(--muted) #8C8492, too dim/thin */--coral-tint:rgba(124,58,237,.20)}/* ---- baseline ---- */*{box-sizing:border-box;margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}html,body{padding:0;overflow-x:clip}img,svg,video,canvas,table,pre,iframe{max-width:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease}body::before{/* ambient orange wash, top-right strong + top-left faint. Fixed, behind all. */content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1000px 600px at 88% -12%, rgba(109,40,217,0.10) 0%, rgba(255,255,255,0) 60%),radial-gradient(820px  560px at -4%   2%, rgba(124,58,237,0.05)  0%, rgba(255,255,255,0) 55%)}html[data-theme="dark"] body::before{background:radial-gradient(1000px 600px at 88% -12%, rgba(124,58,237,0.22) 0%, rgba(16,13,20,0) 60%),radial-gradient(820px  560px at -4%   2%, rgba(109,40,217,0.18)  0%, rgba(16,13,20,0) 55%)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}::selection{background:#6D28D9;color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}/* Entrance animations (kept; legacy pages reference these names) */@keyframes mbRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mbDrift{from{opacity:0;transform:translateY(22px) scale(0.992)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}/* Themeable card glass. Default/Off resolves to `none`, so there is no
   backdrop-filter layer and no cost until a glass preset is saved. Glass shows
   where the card sits over the page wash or hero (a translucent Card background
   helps it read). */.card{-webkit-backdrop-filter:var(--card-filter, none);backdrop-filter:var(--card-filter, none)}