/* ═══════════════════════════════════════════════════════════
   app.css — Styles spécifiques à la page GravitationOS App
   La page App utilise l'accent teal au lieu du bleu.
   ═══════════════════════════════════════════════════════════ */

/* Tag teal sur la page App */
.tag-teal {
  background: rgba(20, 184, 166, .12);
  border-color: rgba(20, 184, 166, .3);
  color: var(--teal);
}

/* Hero accent teal */
.app-hero-orb .orb-ring:nth-child(1) { border-color: rgba(20, 184, 166, .2); }
.app-hero-orb .orb-ring:nth-child(2) { border-color: rgba(99, 102, 241, .25); }
.app-hero-orb .orb-ring:nth-child(3) { border-color: rgba(20, 184, 166, .15); }
.app-hero-orb .orb-core {
  background: radial-gradient(circle, rgba(20,184,166,.35) 0%, rgba(99,102,241,.2) 50%, transparent 80%);
}
.app-hero-orb .orb-dot {
  background: var(--teal);
  box-shadow: 0 0 12px var(--teal);
}

/* CTA teal */
.cta-banner-teal {
  background: linear-gradient(135deg, rgba(20,184,166,.12), rgba(99,102,241,.08));
  border-color: rgba(20, 184, 166, .25);
}