/**
 * © Alessandro Castagna — 321.al / EVOLAB
 * Tutti i diritti riservati. Uso non autorizzato vietato.
 * info@321.it · https://321.al
 */

/*
 * Design system EvoLab — base hardcoded (D9 / §8).
 * Montserrat · Phosphor Duotone 2.1.1 · palette #3c3c3b #575756 #ffffff accent #1E6FFF.
 *
 * Queste custom properties vivono su :root e, poiché le CSS custom properties
 * attraversano il confine dello Shadow DOM per ereditarietà, sono lette anche
 * dal player. Il modulo brand (resolveBrand) può sovrascrivere l'accento e i
 * token del footer sul singolo elemento <evo-player>.
 */

:root {
  /* Tipografia — famiglia e pesi */
  --evo-font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --evo-font-weight: 500;
  --evo-font-weight-medium: 600;
  --evo-font-weight-strong: 700;

  /* Tipografia — scala dimensioni */
  --evo-fs-xs: 11px;
  --evo-fs-sm: 12px;
  --evo-fs-md: 13px;
  --evo-fs-base: 14px;
  --evo-fs-lg: clamp(22px, 3.4vw, 30px);

  /* Palette EvoLab */
  --evo-ink: #3c3c3b;        /* grigio scuro — testo principale UI prodotto */
  --evo-ink-2: #575756;      /* grigio medio — testo secondario */
  --evo-surface: #ffffff;    /* superficie chiara */
  --evo-accent: #1E6FFF;     /* accento (default, sovrascrivibile dal brand) */
  --evo-on-accent: #ffffff;  /* testo/icone su fondo accento */

  /* UI prodotto — sfondi e bordi derivati (grigi chiari fuori palette core) */
  --evo-bg-page: #f4f5f7;
  --evo-border: #e3e5e9;

  /* Superfici player (tema scuro di default del player, §2 appearance.colors) */
  --evo-player-bg: #0f0f10;
  --evo-player-text: #ffffff;
  --evo-controls-bg: rgba(0, 0, 0, 0.45);
  --evo-buffer: #666666;

  /* Forma */
  --evo-radius: 22px;
  --evo-radius-sm: 12px;
  --evo-border-width: 0px;
  --evo-border-color: transparent;

  /* Spaziatura */
  --evo-space-1: 4px;
  --evo-space-2: 8px;
  --evo-space-3: 16px;
  --evo-space-4: 24px;
  --evo-space-5: 40px;

  /* Ombre (preset §2 appearance.shadow) */
  --evo-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.18);
  --evo-shadow-deep: 0 30px 80px rgba(0, 0, 0, 0.45);
  --evo-shadow-neu: 8px 8px 24px rgba(0, 0, 0, 0.25), -8px -8px 24px rgba(255, 255, 255, 0.04);

  /* Footer brand */
  --evo-footer-bg: #3c3c3b;
  --evo-footer-opacity: 0.9;

  /* Motion */
  --evo-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --evo-dur: 220ms;
}

/* Rispetto di prefers-reduced-motion a livello di token (§6.2) */
@media (prefers-reduced-motion: reduce) {
  :root {
    --evo-dur: 1ms;
  }
}