/* NodeAir WebApp — design token sopra il tema Bootstrap remoto.
   Caricato dopo bootstrap, prima di app.css. Aggiunge solo ciò che Bootstrap non dà:
   una scala di elevazione e superfici esplicite con un rapporto pagina↔card stabile
   in light e dark. I --bs-* di testo/bordo flippano nativamente via data-bs-theme. */

:root,
[data-bs-theme="light"] {
    /* Superfici: la card è più chiara della pagina in entrambi i temi (l'elevazione si legge). */
    --na-surface: #ffffff;          /* card, search box, action tile */
    --na-surface-muted: #f4f5f7;    /* sfondo pagina */
    --na-surface-subtle: #f8f9fa;   /* inset: code block, header tree, righe webhook */

    /* Scala di elevazione. */
    --na-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
    --na-shadow-md: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 16px rgba(16, 24, 40, .08);
    --na-shadow-lg: 0 4px 8px rgba(16, 24, 40, .06), 0 16px 32px rgba(16, 24, 40, .12);
}

[data-bs-theme="dark"] {
    --na-surface: #131f1d;          /* allineata alla superficie dark di Refueling */
    --na-surface-muted: #0b1413;
    --na-surface-subtle: #182624;

    --na-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
    --na-shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);
    --na-shadow-lg: 0 8px 24px rgba(0, 0, 0, .55), 0 4px 8px rgba(0, 0, 0, .35);

    /* Override InfoWindow Google Maps (vedi app.css, regola già sotto [data-bs-theme=dark]). */
    --na-maps-bg: #131f1d;
    --na-maps-fg: #e8efec;
}