/**
 * Chrome app commun — Midnight Neon (light-safe via tokens).
 * Menu, primary CTA, cards, focus — body.app.
 * Exclut le studio (home-app) pour ne pas casser le dock IA / glass-cards.
 */

body.app:not(.home-app) {
  font-family: var(--okdak-font-body, "Plus Jakarta Sans", sans-serif);
  color: var(--apple-text);
  background-color: var(--apple-bg-page);
}

body.app .menu-button {
  border-radius: var(--apple-radius-pill, 9999px);
  background: color-mix(in srgb, var(--apple-bg-elevated) 92%, transparent);
  border: 1px solid var(--apple-border);
  color: var(--apple-text);
}

body.app .dropdown-content {
  background: color-mix(in srgb, var(--apple-bg) 96%, transparent);
  border: 1px solid var(--apple-border);
  border-radius: var(--apple-radius-card, 24px);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

body.app .dropdown-content a:hover,
body.app .dropdown-content button:hover {
  background: rgba(var(--okdak-accent-rgb), 0.1);
  color: var(--okdak-accent);
}

body.app:not(.home-app) .btn-primary,
body.app:not(.home-app) button.primary,
body.app:not(.home-app) .okdak-btn--primary,
body.app:not(.home-app) a.btn-primary {
  background: var(--okdak-accent);
  color: var(--okdak-on-primary);
  border: none;
  border-radius: var(--apple-radius-pill, 9999px);
  font-weight: 600;
  box-shadow: var(--okdak-glow);
}

body.app:not(.home-app) .btn-primary:hover,
body.app:not(.home-app) button.primary:hover,
body.app:not(.home-app) .okdak-btn--primary:hover,
body.app:not(.home-app) a.btn-primary:hover {
  box-shadow: var(--okdak-glow-cta);
  transform: scale(1.02);
}

body.app:not(.home-app) .btn-secondary,
body.app:not(.home-app) button.secondary {
  background: var(--apple-bg-elevated);
  color: var(--apple-text);
  border: 1px solid var(--apple-border);
  border-radius: var(--apple-radius-pill, 9999px);
}

body.app :focus-visible {
  outline: 2px solid var(--okdak-accent);
  outline-offset: 2px;
}

/* Cards — hors studio (évite de casser glass-card home) */
body.app:not(.home-app) .card,
body.app:not(.home-app) .glass-card,
body.app:not(.home-app) .okdak-card {
  background: var(--apple-bg);
  border: 1px solid var(--apple-border);
  border-radius: var(--apple-radius-card, 24px);
  box-shadow: var(--apple-shadow-card);
  color: var(--apple-text);
}

html[data-okdak-theme="light"] body.app .menu-button,
html[data-okdak-theme="light"] body.app .dropdown-content {
  background: color-mix(in srgb, var(--apple-bg-elevated) 96%, transparent);
  border-color: var(--apple-border);
  color: var(--apple-text);
}

html[data-okdak-theme="light"] body.app:not(.home-app) .btn-primary,
html[data-okdak-theme="light"] body.app:not(.home-app) button.primary,
html[data-okdak-theme="light"] body.app:not(.home-app) .okdak-btn--primary,
html[data-okdak-theme="light"] body.app:not(.home-app) a.btn-primary {
  color: var(--okdak-on-primary);
}