/* Boi design-system tokens — Apple-style UI primitives
 * ====================================================
 * Separato dalle theme vars admin-driven (--c-primary, --boi-accent,
 * ecc. in default.css) per evitare collisioni con brand identity.
 * Usato da: boi_shopby/layer.css, boi_configurableswatches.css,
 * boi_theme/product-card.css.
 *
 * Namespace `--sys-*` ispirato a iOS System colors — riconoscibile
 * come "system UI tokens" nostri, distinti dai tokens storefront.
 */

:root {
    /* Apple System Blue (iOS/macOS) */
    --sys-blue:        #007aff;
    --sys-blue-hover:  #0063cc;
    --sys-blue-tint:   #e5f1ff;
    --sys-blue-soft:   rgba(0, 122, 255, 0.18);

    /* iOS System Red (errors / destructive) */
    --sys-red:         #ff3b30;

    /* Grey scale SF Pro-style */
    --sys-ink:         #1d1d1f;         /* testo principale */
    --sys-ink-soft:    #6e6e73;         /* testo secondario */
    --sys-hairline:    rgba(0, 0, 0, 0.1);
    --sys-surface:     #ffffff;
    --sys-surface-alt: #f5f5f7;

    /* Easing iOS-like */
    --sys-ease:        cubic-bezier(0.4, 0, 0.2, 1);
    --sys-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}