/* ═══════════════════════════════════════════════════════
   AIAIYOO — ONE THEME = ENGINNE
   Same colors as aiaiyoo.com website. Everywhere.
   Only the ecosystem accent differs.
   ═══════════════════════════════════════════════════════ */

:root {
  /* ── ENGINNE (the ONLY palette) ── */
  --bg-primary: #fafaf7;
  --bg-secondary: #f5f3ee;
  --bg-tertiary: #f0ede8;
  --bg-card: #fff;
  --bg-surface: rgba(0,0,0,0.02);
  --text-primary: #111;
  --text-secondary: #555;
  --text-muted: #767676;
  --border-primary: #e8e5de;
  --border-light: rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.06);
  --shadow-lg: 0 16px 48px rgba(0,0,0,0.08);
  --nav-bg: rgba(250,250,247,0.92);
  --radius: 12px;
  --font: 'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  /* ── ENGINNE tokens (alias for legacy pages) ── */
  --bg: #fafaf7; --bg2: #f5f3ee; --bg3: #f0ede8;
  --border: #e8e5de; --text: #111; --text2: #555; --text3: #767676;
  --card: #fff; --accent: #1b7a3d; --accent2: #22c55e;
  --bd: #e8e5de; --tx: #111; --tx2: #555; --tx3: #767676;
  --nv: rgba(250,250,247,0.92); --sh: rgba(0,0,0,0.06);

  /* ── Ecosystem accents (only these differ) ── */
  --eco-enginne: #1b7a3d;
  --eco-enginne-light: rgba(27,122,61,0.08);
  --eco-exxams: #F57C00;
  --eco-exxams-light: rgba(245,124,0,0.06);
  --eco-doctorr: #E8615D;
  --eco-doctorr-light: rgba(232,97,93,0.08);
  --eco-experrt: #8B5CF6;
  --eco-experrt-light: rgba(139,92,246,0.08);
  --eco-astroverse: #D4A843;
  --eco-astroverse-light: rgba(212,168,67,0.08);
  --eco-markett: #0D9488;
  --eco-markett-light: rgba(13,148,136,0.08);

  /* ── Semantic ── */
  --success: #1b7a3d;
  --danger: #e74c3c;
  --warning: #F57C00;
  --gn: #1b7a3d; --grn: #1b7a3d;
  --rd: #e74c3c; --red: #e74c3c;
}

/* ── FORCE ENGINNE EVERYWHERE ── */
body { background: var(--bg-primary) !important; color: var(--text-primary) !important; font-family: var(--font) !important; }
nav, .nav, .topnav, .navbar, header { background: var(--nav-bg) !important; backdrop-filter: blur(24px); border-bottom: 1px solid var(--border-primary) !important; }
.card, .panel, .box, .kpi, .stat-card, .feature-card { background: var(--bg-card) !important; border: 1px solid var(--border-primary) !important; border-radius: var(--radius); }
.card:hover, .panel:hover { border-color: var(--accent, var(--eco-enginne)) !important; box-shadow: var(--shadow-md) !important; }
.sidebar, .side, aside { background: var(--bg-secondary) !important; border-right: 1px solid var(--border-primary) !important; }
footer, .footer { border-top: 1px solid var(--border-primary) !important; color: var(--text-muted) !important; }
input, select, textarea { background: var(--bg-secondary) !important; border: 1px solid var(--border-primary) !important; color: var(--text-primary) !important; border-radius: 8px; }
input:focus, select:focus, textarea:focus { border-color: var(--accent, var(--eco-enginne)) !important; outline: none; }
table th { color: var(--text-muted) !important; border-bottom: 1px solid var(--border-primary) !important; }
table td { border-bottom: 1px solid var(--border-primary) !important; }
hr { border-color: var(--border-primary) !important; }
::selection { background: var(--accent, var(--eco-enginne)); color: #fff; }

/* ── ECOSYSTEM ACCENT CLASSES ── */
.eco-enginne { --accent: var(--eco-enginne); --ac: var(--eco-enginne); }
.eco-exxams { --accent: var(--eco-exxams); --ac: var(--eco-exxams); }
.eco-doctorr { --accent: var(--eco-doctorr); --ac: var(--eco-doctorr); }
.eco-experrt { --accent: var(--eco-experrt); --ac: var(--eco-experrt); }
.eco-astroverse { --accent: var(--eco-astroverse); --ac: var(--eco-astroverse); }
.eco-markett { --accent: var(--eco-markett); --ac: var(--eco-markett); }