/*
Theme Name: AutomAcademy
Theme URI: https://automacademy.com
Description: Custom GeneratePress child theme for AutomAcademy — an industrial automation education site for PLC, instrumentation, SCADA/HMI, and IIoT engineers. Dark industrial / HMI-inspired design system.
Author: AutomAcademy Engineering
Author URI: https://automacademy.com
Template: generatepress
Version: 1.0.0
Text Domain: automacademy
*/

/* =========================================================
   DESIGN TOKENS
   HMI-inspired: charcoal/black panel background, teal as the
   "nominal/running" state color, amber reserved for alerts,
   live indicators, and calls to action — mirroring real
   industrial HMI alarm-state color conventions.
   ========================================================= */

:root {
  /* Backgrounds — control-room charcoal, not navy, not pure black */
  --aa-bg-base: #0d1110;
  --aa-bg-panel: #141918;
  --aa-bg-panel-raised: #1a2120;
  --aa-bg-inset: #0a0d0c;
  --aa-border: #263230;
  --aa-border-strong: #34443f;

  /* Text */
  --aa-text-primary: #e8edec;
  --aa-text-secondary: #9babA6;
  --aa-text-muted: #687b76;

  /* Brand — teal is "nominal", amber is "attention" */
  --aa-teal: #2dd4bf;
  --aa-teal-dim: #1d8f82;
  --aa-teal-glow: rgba(45, 212, 191, 0.18);
  --aa-amber: #f0a830;
  --aa-amber-dim: #b87f1f;
  --aa-amber-glow: rgba(240, 168, 48, 0.18);

  /* Status colors (real HMI alarm convention) */
  --aa-status-ok: #2dd4bf;
  --aa-status-warn: #f0a830;
  --aa-status-fault: #e2574c;

  /* Typography */
  --aa-font-display: "IBM Plex Sans", "Inter", -apple-system, sans-serif;
  --aa-font-body: "Inter", "IBM Plex Sans", -apple-system, sans-serif;
  --aa-font-mono: "JetBrains Mono", "IBM Plex Mono", monospace;

  /* Spacing scale */
  --aa-space-1: 0.25rem;
  --aa-space-2: 0.5rem;
  --aa-space-3: 0.75rem;
  --aa-space-4: 1rem;
  --aa-space-6: 1.5rem;
  --aa-space-8: 2rem;
  --aa-space-12: 3rem;
  --aa-space-16: 4rem;

  /* Radius — sharp, panel-like, not soft/rounded */
  --aa-radius-sm: 2px;
  --aa-radius-md: 4px;

  --aa-shadow-panel: 0 1px 0 rgba(255, 255, 255, 0.02) inset, 0 8px 24px rgba(0, 0, 0, 0.4);
}

/*
 * NOTE: base.css, components.css, and homepage.css are loaded via
 * separate wp_enqueue_style() calls in functions.php (aa_enqueue_assets),
 * NOT via @import here. @import is sequential/render-blocking — each
 * file becomes its own waterfall request before the browser can paint
 * anything. Enqueuing them as siblings lets the browser fetch all three
 * in parallel, which matters for PageSpeed/Core Web Vitals.
 */