/* ═══════════════════════════════════════════════════════════════════════
   ADESTO AI — Design System
   "Bloomberg Terminal rencontre un atelier d'artisan québécois"
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Google Fonts ────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&display=swap');

:root {
  /* ── Fonds — sombre mais pas noir total ── */
  --bg: #0B0E14;
  --bg-primary: #0B0E14;
  --bg-secondary: #141821;
  --bg-tertiary: #1C2230;
  --bg-elevated: #242B3D;

  /* Alias rétrocompatibles (ancien thème) */
  --card: #141821;
  --card2: #1C2230;

  /* ── Texte ── */
  --text: #E8ECF4;
  --text-primary: #E8ECF4;
  --sub: #9BA5B7;
  --text-secondary: #9BA5B7;
  --text-tertiary: #5F6B80;
  --muted: #5F6B80;

  /* ── Accents — signature Adesto ── */
  --accent: #00A87E;
  --accent-primary: #00A87E;
  --green: #00A87E;
  --gold: #C9A961;
  --accent-secondary: #C9A961;
  --blue: #4A90E2;
  --accent-tertiary: #4A90E2;
  --purple: #a78bfa;

  /* ── Sémantique trading ── */
  --semantic-bullish: #26A69A;
  --semantic-bearish: #EF5350;
  --semantic-neutral: #78909C;
  --semantic-warning: #FFA726;
  --red: #EF5350;
  --yellow: #FFA726;
  --orange: #FFA726;

  /* ── Bordures et séparateurs ── */
  --border: rgba(255, 255, 255, 0.08);
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(255, 255, 255, 0.20);
  --border2: rgba(255, 255, 255, 0.12);

  /* ── Typographie ── */
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body: "Inter", -apple-system, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "DM Mono", "Courier New", monospace;
  --font-editorial: "Fraunces", "Playfair Display", Georgia, serif;

  /* ── Spacing ── */
  --section-gap: 80px;
  --card-radius: 14px;
  --btn-radius: 10px;

  /* ── Transitions (pas d'animations gratuites) ── */
  --transition-fast: 150ms ease;
  --transition-default: 200ms ease;
  --transition-state: 300ms ease;
}

/* ── Base reset ────────────────────────────────────────────────────── */
body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text);
}

/* ── Typographie utilitaire ────────────────────────────────────────── */
h1, h2, h3, .section-title {
  font-family: var(--font-display);
}

/* Données en monospace tabulaire */
.data, .price, .pnl, [data-numeric] {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

/* Éditorial — citations et storytelling */
.editorial, blockquote.editorial {
  font-family: var(--font-editorial);
  font-style: italic;
  color: var(--text-secondary);
  line-height: 1.6;
}

/* ── Capacitor / Mobile — Supprimer le 300ms tap delay ────────────── */
button, .btn, a.btn-primary, a.btn-outline, select, input[type="submit"],
[onclick], [role="button"] {
  touch-action: manipulation;
}