/*
Theme Name: AnimateJA
Theme URI: https://animateja.com
Author: AnimateJA / Osoobe
Description: Marketing theme for Animate Jamaica — anime-inspired dark editorial storefront, community & Animania events. Ships the full v2 redesign as installable, per-page templates. Pages auto-created on activation. Marketing build (front-end only).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: animateja
*/

/* All visual styling lives in /assets/css/tokens.css (the AnimateJA design system),
   enqueued by functions.php. This file only carries the WordPress theme header
   plus a couple of host-page resets so the dark canvas fills the viewport. */

html, body {
  margin: 0;
  padding: 0;
  background: #04060f;
  color: #f5f6fb;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color-scheme: dark;
}

/* The React mount fills the page; each artboard renders its own full layout. */
#aja-root { display: block; width: 100%; }

/* Lightweight splash while React + Babel compile the design on first paint. */
#aja-splash {
  position: fixed; inset: 0; z-index: 9999;
  display: grid; place-items: center;
  background: #04060f;
  transition: opacity .4s ease;
}
#aja-splash[hidden] { display: none; }
#aja-splash .mark {
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-size: 64px; letter-spacing: 6px; color: #fff; line-height: 1;
  text-align: center;
}
#aja-splash .sub {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px; letter-spacing: 10px; color: #fb3094;
  text-align: center; margin-top: 10px;
}