/* Squid Solutions: shared design tokens (single source of truth for the brand). Imported by the app AND the marketing site (landing / pricing / download / account), so the whole product shares one palette. Light by default; set to flip. Brand accent = --a1 -> --a2 (violet -> pink): the gradient used for the 🦑 logo mark and primary buttons. Add a token here once and everything inherits it. Type lives here too: --display (Clash Display) / --sans (General Sans) / --mono (JetBrains Mono), loaded once below so the app + site never drift apart. */ @import url("https://api.fontshare.com/v2/css?f[]=clash-display@500,600,700&f[]=general-sans@400,500,600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&display=swap"); :root{ --bg:#f4f6fb; --surface:#ffffff; --surface-2:#f7f8fc; --track:#eef1f7; --text:#0f172a; --text-2:#475569; --text-dim:#94a3b8; --border:#e6eaf0; --a1:#8b5cf6; --a2:#ec4899; --bad:#e11d48; --pill:#f1f3f9; --label:#64748b; --card-sh:0 1px 2px rgba(16,24,40,.04),0 10px 28px rgba(16,24,40,.05); --track-sh:inset 0 1px 2px rgba(16,24,40,.07); --focus:rgba(139,92,246,.16); --glow:rgba(139,92,246,.28); --on-accent:#ffffff; --display:"Clash Display",system-ui,sans-serif; --sans:"General Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace; color-scheme:light; } :root[data-theme="dark"]{ --bg:#0b0e15; --surface:#161c28; --surface-2:#11161f; --track:#1c2433; --text:#e9eef6; --text-2:#aab4c4; --text-dim:#7e8a9d; --border:#262f3e; --pill:#1c2532; --label:#98a3b5; --card-sh:0 1px 2px rgba(0,0,0,.4),0 16px 40px rgba(0,0,0,.55); --track-sh:inset 0 1px 3px rgba(0,0,0,.5); --focus:rgba(167,139,250,.30); --glow:rgba(167,139,250,.35); color-scheme:dark; }