/* [IRIDIAN AI LAYER 2026-05-19] Base CSS — tokens compartits per a tots els blocs IA Layer.
 *
 * Scope: variables CSS al :root. NO regles globals que afectin elements externs.
 * Carregat un cop per pàgina via `iailayer_base_styles_html()` (modules/_runtime.php).
 *
 * Convenció de prefixos:
 *   --ial-c-*       colors (text/surface/border)
 *   --ial-shadow-*  ombres
 *   --ial-r-*       border-radius
 *   --ial-sp-*      spacing scale
 *   --ial-t-*       transitions
 *   --ial-font-*    famílies tipogràfiques
 *
 * Els blocs poden sobreescriure les variables a nivell d'instància (style="--ial-c-text-1: #...")
 * o crear-ne d'específiques (--accent-color, --bg-color) que són settings configurables per
 * l'usuari al panell. Aquí només definim els VALORS PER DEFECTE compartits.
 */
:root {
    /* Surfaces */
    --ial-c-white:           #ffffff;
    --ial-c-surface:         #ffffff;
    --ial-c-surface-soft:    #faf7f4;
    --ial-c-surface-muted:   #f5f5f7;

    /* Text scale */
    --ial-c-text-1:          #1a1a2e;
    --ial-c-text-2:          #4a4a5a;
    --ial-c-text-3:          #6c757d;
    --ial-c-text-soft:       #9a9aaa;
    --ial-c-text-faint:      #b0b0bb;
    --ial-c-text-inverse:    #ffffff;

    /* Borders */
    --ial-c-border:          #e0e0e0;
    --ial-c-border-soft:     #f0f0f0;
    --ial-c-border-faint:    #ddd;

    /* Shadows */
    --ial-shadow-xs:         0 1px 3px rgba(0,0,0,0.05);
    --ial-shadow-sm:         0 2px 12px rgba(0,0,0,0.07);
    --ial-shadow-md:         0 8px 32px rgba(0,0,0,0.13);
    --ial-shadow-lg:         0 12px 48px rgba(0,0,0,0.20);

    /* Radius */
    --ial-r-sm:              6px;
    --ial-r-md:              8px;
    --ial-r-lg:              12px;
    --ial-r-xl:              16px;
    --ial-r-pill:            999px;

    /* Spacing (4px scale) */
    --ial-sp-1:              4px;
    --ial-sp-2:              8px;
    --ial-sp-3:              12px;
    --ial-sp-4:              16px;
    --ial-sp-5:              24px;
    --ial-sp-6:              32px;
    --ial-sp-7:              48px;
    --ial-sp-8:              64px;

    /* Transitions */
    --ial-t-fast:            0.15s ease;
    --ial-t-base:            0.25s ease;
    --ial-t-slow:            0.4s ease;

    /* Typography */
    --ial-font-base:         -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --ial-font-display:      'Oswald', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}