@import "tailwindcss";

@theme {
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* Mint Dark Palette
     Background: #05070a
     Surface: #0c0d10
     Accent (Mint): #00e5bc
     Text: #f8fafc
     Muted: #94a3b8
  */

  /* Base Colors mapped for the Mint Dark theme */
  --color-zinc-50: #ffffff;
  --color-zinc-100: #f8fafc;
  --color-zinc-200: #e2e8f0;
  --color-zinc-300: #cbd5e1;
  --color-zinc-400: #94a3b8;
  --color-zinc-500: #64748b;
  --color-zinc-600: #475569;
  --color-zinc-700: #334155;
  --color-zinc-800: #1a1b1e;
  --color-zinc-900: #0c0d10;
  --color-zinc-950: #05070a;

  /* Whites and Blacks */
  --color-white: #ffffff;
  --color-black: #000000;

  /* Indigo -> Mint Accents */
  --color-indigo-300: #6ee7b7;
  --color-indigo-400: #34d399;
  --color-indigo-500: #00e5bc;
  --color-indigo-600: #059669;
  --color-indigo-900: rgba(0, 229, 188, 0.1);
  --color-indigo-950: #05070a;

  /* Emerald -> Mint (Unified) */
  --color-emerald-400: #00e5bc;
  --color-emerald-500: #00e5bc;
  --color-emerald-900: rgba(0, 229, 188, 0.2);

  --color-rose-400: #fb7185;
  --color-rose-500: #f43f5e;
  --color-rose-900: rgba(244, 63, 94, 0.2);
}

body {
  font-family: var(--font-sans);
  background: var(--color-zinc-950);
  color: var(--color-zinc-100);
  min-height: 100vh;
}

/* ------------------------------------------------------------------
   Module S ("Prod Indigo") — scoped palette restoration.
   Tailwind v4 utilities compile to var(--color-*) references, so
   overriding the custom properties on the module container restores
   the ORIGINAL Module S look (true indigo, real zinc) without
   touching Module E's mint remap. Design preserved 1:1.
   ------------------------------------------------------------------ */
[data-module="s"] {
  --color-indigo-300: #a5b4fc;
  --color-indigo-400: #818cf8;
  --color-indigo-500: #6366f1;
  --color-indigo-600: #4f46e5;
  --color-indigo-900: rgba(79, 70, 229, 0.5);
  --color-indigo-950: #1e1b4b;

  --color-emerald-400: #34d399;
  --color-emerald-500: #10b981;
  --color-emerald-900: rgba(16, 185, 129, 0.2);

  --color-zinc-800: #27272a;
  --color-zinc-900: #18181b;
  --color-zinc-950: #09090b;
}

/* Module S ambient background — original slate→black gradient. */
.bg-module-s {
  background: linear-gradient(180deg, #0f172a 0%, #000000 100%);
  background-attachment: fixed;
}

/* GPU-compositing hygiene for the launch animation system. */
.module-launch-piece {
  will-change: transform, opacity;
}
.module-launch-piece.module-launch-settled {
  will-change: auto;
}

/* Respect users who prefer reduced motion — global safeguard. */
@media (prefers-reduced-motion: reduce) {
  .module-launch-piece {
    animation: none !important;
    transition: none !important;
  }
}