/*
  Frontend v2 - design tokens
  Palette selezionata (solo riferimento cromatico) dal materiale
  "sito base petinari AI" - vedi analysis/2026-07-19/frontend/07.
  Non e' un copia-incolla del CSS esterno: solo i valori colore.
*/
:root {
  --v2-navy-900: #07111f;
  --v2-navy-800: #0b1a2e;
  --v2-navy-700: #0f2440;
  --v2-mint: #49e3c2;
  --v2-gold: #d6b36a;
  --v2-blue: #3b82f6;
  --v2-ink: #e8eef6;
  --v2-ink-soft: #a8b5c7;
  --v2-ink-mute: #6b7a92;
  --v2-line: rgba(168, 181, 199, 0.16);

  /* TASK-PLATFORM-CHART-CENTRAL-001: colori candela su/giu' del
     componente grafico centralizzato (components/fable-economy-chart.js)
     — stessa semantica positivo/negativo gia' usata altrove (is-positive/
     is-negative), qui dedicata al candlestick. */
  --v2-chart-up: #1fae82;
  --v2-chart-down: #d5596a;

  /* Variabili dedicate alla navigazione su sfondo navy (FRONTEND-005,
     integrazione correttiva): --v2-ink-soft/--v2-ink-mute restano usate
     altrove, ma per sidebar/menu mobile/menu account serve un contrasto
     garantito indipendentemente da eventuali usi futuri più tenui di
     quelle variabili generiche. */
  --v2-nav-text: #e7eef8;
  --v2-nav-text-muted: #aebfd3;
  --v2-nav-active-text: #59e4c7;
  --v2-nav-hover-bg: rgba(255, 255, 255, 0.08);
  --v2-nav-active-bg: rgba(73, 227, 194, 0.16);
  --v2-nav-logout-text: #ff9a90;

  --v2-radius: 14px;
  --v2-radius-sm: 8px;
  --v2-space-1: 4px;
  --v2-space-2: 8px;
  --v2-space-3: 16px;
  --v2-space-4: 24px;
  --v2-space-5: 40px;
  --v2-font: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
}

:root[data-theme="light"] {
  --v2-bg: #f4f6fa;
  --v2-surface: #ffffff;
  --v2-text: #0f2440;
  --v2-text-soft: #4a5a70;
  --v2-border: rgba(15, 36, 64, 0.12);
}

:root[data-theme="dark"],
:root:not([data-theme]) {
  --v2-bg: var(--v2-navy-900);
  --v2-surface: var(--v2-navy-800);
  --v2-text: var(--v2-ink);
  --v2-text-soft: var(--v2-ink-soft);
  --v2-border: var(--v2-line);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --v2-bg: #f4f6fa;
    --v2-surface: #ffffff;
    --v2-text: #0f2440;
    --v2-text-soft: #4a5a70;
    --v2-border: rgba(15, 36, 64, 0.12);
  }
}