/* ═══════════════════════════════════════════════════════════
   DESIGN TOKENS
   All :root custom properties for the MatchaSoft site.
   ═══════════════════════════════════════════════════════════ */

:root {
   /* ── Logo palette ─────────────────────────────────────── */
   --matsoft-logo-pink-glow: rgba(255, 0, 238, 1);
   --matsoft-logo-black: rgba(47, 45, 45, 1);
   --matsoft-logo-purple-1: rgba(128, 0, 255, 1);
   --matsoft-logo-purple-2: rgba(115, 31, 199, 1);
   --matsoft-logo-purple-3: rgba(169, 7, 227, 1);

   /* ── Greens (neon primary) ────────────────────────────── */
   --matsoft-green: rgba(152, 252, 126, 1);
   --matsoft-green-light: rgba(152, 252, 126, 0.8);
   --matsoft-green-glow: rgba(75, 234, 35, 0.8);
   --coin-base-color: #0a5a1f;

   /* ── Body background gradient stops ───────────────────── */
   --matsoft-bg-purple-light: rgb(86, 44, 169);
   --matsoft-bg-purple-mid: rgba(51, 34, 108, 1);
   --matsoft-bg-purple-dark: rgba(34, 11, 97, 1);

   /* ── Purples (containers / glow) ──────────────────────── */
   --matsoft-purple-light: rgba(100, 28, 187, 1);
   --matsoft-purple-glow: rgba(90, 48, 153, 1);
   --matsoft-purple-glowy: rgba(74, 9, 206, 1);

   /* ── Accent colors ────────────────────────────────────── */
   --matsoft-red: rgba(255, 46, 150, 1);
   --matsoft-miami-blue: rgba(0, 234, 255, 1);
   --matsoft-amber: rgba(255, 176, 46, 1);

   /* ── Text ─────────────────────────────────────────────── */
   --matsoft-light-text: rgba(243, 236, 236, 1);
   --matsoft-lighter-text: rgba(243, 236, 236, 0.8);
   --matsoft-dark-text: rgba(35, 2, 85, 1);

   /* ── Email input ──────────────────────────────────────── */
   --matsoft-email-bg: rgba(81, 44, 136, 0.8);
   --matsoft-email-bg-focus: rgba(61, 26, 114, 0.8);
   --matsoft-email-error: rgba(255, 46, 150, 0.8);

   /* ── Element shadows / outlines ───────────────────────── */
   --matsoft-element-outline-shadow: rgba(105, 41, 234, 1);
   --matsoft-element-shadow-light: rgba(138, 43, 226, 0.8);
   --matsoft-element-shadow: var(--matsoft-element-shadow-light);

   /* ── Reserved ─────────────────────────────────────────── */
   --matsoft-unused-bluegreen: rgba(88, 255, 185, 1);

   /* ── Typography stacks ────────────────────────────────── */
   --font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
   --font-display: "Rubik", system-ui, -apple-system, sans-serif;
   --font-glitch: "Rubik Glitch", system-ui, monospace;

   /* ── Motion timings ───────────────────────────────────── */
   --content-in: 3.9s;
   --boot-end: 6.6s;
   --cta-spd: 1.35;
}