/* Appily Ninetyseven account — Marquee Booth tokens
   Night stage · marquee gold · neon rose · mint gel · Bungee + Mukta */

:root {
  --mq-ink: #0F1A24;
  --mq-ink-soft: #1C2C3A;
  --mq-gold: #FFD60A;
  --mq-gold-deep: #A88E00;
  --mq-neon: #FF3B5C;
  --mq-neon-deep: #C01E3C;
  --mq-mint: #00C2A8;
  --mq-mint-deep: #007A6A;
  --mq-field: #F0F7FF;
  --mq-blush: #FFF1F4;
  --mq-surface: #FFFFFF;
  --mq-mute: #4A5563;
  --mq-line: #B7D0E0;
  --mq-success: #0D9F6E;
  --mq-error: #E11D48;
  --mq-warn: #F4A261;

  --color-primary: var(--mq-ink);
  --color-secondary: var(--mq-mint);
  --color-accent: var(--mq-neon);
  --color-bg: var(--mq-field);
  --color-surface: var(--mq-surface);
  --color-text: var(--mq-ink);
  --color-text-muted: var(--mq-mute);
  --color-border: var(--mq-line);

  --font-display: "Bungee", "Arial Black", sans-serif;
  --font-body: "Mukta", "Segoe UI", sans-serif;
  --font-ui: "Mukta", "Segoe UI", sans-serif;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-page: clamp(16px, 4vw, 32px);

  --radius: 14px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  --shadow-bulb: 0 0 0 3px var(--mq-ink), 0 0 18px rgba(255, 214, 10, 0.55);
  --shadow-desk: 0 16px 40px rgba(15, 26, 36, 0.16);
  --ease-shutter: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.45, 0.64, 1);
  --motion-shutter: 380ms var(--ease-shutter);
  --motion-gel: 320ms var(--ease-spring);
  --motion-cue: 240ms ease-out;
}