/* Design system ASA Dental — override dei token OXQ (../tokens.css, caricato prima).
   Estratto da https://ai.asadental.com/ via dembrandt (2026-10-14), poi corretto a mano:
   - --ds-field: l'estrazione dava #ffffff → bolla utente e composer invisibili sul bianco;
     ora un grigio-azzurro chiaro in tono col blu ASA (sotto).
   - --ds-border: l'estrazione dava #1a1a1a (colore del testo, non un divisore); tenuto l'OXQ.
   - --ds-font: rimosso il '-apple-system' tra apici (nome di font inesistente).
   - --ds-canvas / --ds-shadow-card: l'estrazione dava bianco e nessuna ombra, che appiattiva il
     layout a card di oxq-chatbot; canvas appena tinto e ombra OXQ di default.
   Ridefinire solo i token che servono: gli altri restano quelli di ../tokens.css. */
:root {
    /* Superfici */
    --ds-canvas: #f4f7f9;           /* canvas grigio-azzurro: le card bianche di oxq ci flottano sopra */
    --ds-surface: #ffffff;

    /* Testo */
    --ds-ink: #1a1a1a;
    --ds-ink-hover: #7a7a7a;
    --ds-text-muted: #888888;
    --ds-on-ink: #ffffff;

    /* Accent: blu ASA (focus, link come testo) */
    --ds-accent: #009ee0;
    --ds-accent-hover: #0086be;
    --ds-accent-text: #0072a3;      /* accent come testo: #009ee0 su bianco non passa AA */
    --ds-focus: #009ee0;
    /* Bottone primario OXQ (--ds-solid, nero nel default) → blu ASA scuro. Testo bianco su
       #009ee0 è 3,0:1, sotto AA; su #0072a3 è 5,2:1. */
    --ds-solid: #0072a3;
    --ds-solid-hover: #005f88;
    --ds-subtle: #f4f9fc;           /* hover delle righe */
    --ds-field: #eef4f8;            /* sunken: bolla utente, composer, ricerca, voce attiva */
    --ds-field-hover: #e3edf3;
    --ds-accent-soft: #e6f4fb;      /* conversazione attiva nella rail (Figma: info/surface, in blu ASA) */

    /* Tipografia: font di sistema, come il sito */
    --ds-font: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    /* Raggi */
    --ds-r-pill: 10px;
    --ds-r-card: 16px;

    /* Movimento */
    --ds-ease: ease;
}