:root {
    /* CONTRASTO AUMENTATO: page bg leggermente warm, card pure bianco staccato */
    --c-page:    #ebebe6;   /* sfondo pagina (più scuro per stacco) */
    --c-bg:      #ffffff;   /* card / pannelli */
    --c-bg-soft: #f4f4ef;
    --c-fg:      #0a0a0a;   /* testo molto scuro */
    --c-fg-soft: #5a5a5a;   /* testo secondario più scuro per leggibilità */
    --c-border:  #d8d8d0;   /* bordi più visibili */
    --c-accent:  #002a32;   /* teal petrol firma Charm&Go */
    --c-accent-hover: #003d49;
    --c-accent-light: #c5d5d8;
    --c-green:   #81d742;
    --c-card-shadow: 0 4px 16px rgba(0, 42, 50, 0.10), 0 1px 3px rgba(0, 42, 50, 0.06);
    --c-card-hover-shadow: 0 12px 32px rgba(0, 42, 50, 0.18), 0 2px 6px rgba(0, 42, 50, 0.08);


    --c-danger:         #dc3545;  /* era anche #c62828 */
    --c-danger-strong:  #b71c1c;  /* era anche #b91c1c, #991b1b */
    --c-danger-soft:    #fee2e2;
    --c-danger-border:  #e5b4b4;
    --c-success:        #16a34a;
    --c-success-strong: #15803d;  /* era anche #166534 */
    --c-success-soft:   #dcfce7;
    --c-warning:        #f59e0b;
    --c-warning-strong: #92400e;  /* era anche #b45309, #78350f */
    --c-warning-soft:   #fef3c7;
    --c-info:           #2563eb;
    --c-info-strong:    #1d4ed8;  /* era anche #1e40af */
    --c-info-soft:      #dbeafe;
    --c-neutral:        #9ca3af;
    --c-neutral-strong: #52525b;  /* era anche #4b5563 */
    --c-neutral-soft:   #f4f4f5;
    --c-neutral-border: #d4d4d8;

    /* --- Colori lifecycle (migrati da _LIFECYCLE_META in attio.py) ---
       Valori invariati: la migrazione sposta solo DOVE vive il colore
       (da inline Python a classe CSS .pill--lc-<key>). */
    --c-lc-lead:            #94a3b8;
    --c-lc-prospect:        #6b7280;
    --c-lc-qualificato:     #3b82f6;
    --c-lc-customer:        #16a34a;
    --c-lc-non-qualificato: #ef4444;
    --c-lc-default:         #9ca3af;
    --c-lc-closed:          #3f3f46;  /* hero cliente chiuso */
    --c-lc-da-ricontattare: #f59e0b;


    --c-gold:    #B8956A;
    --c-gold-d:  #9C7B52;
    --c-gold-soft: #FBF6EC;
    --c-sage:    #8A9B87;
    --c-sage-d:  #6E7F6B;
    --c-sage-soft: #E9EEE7;
    --c-mock-ink:    #5A6B7A;
    --c-mock-ink-d:  #2B3742;
    --c-mock-cream:  #F2F1E8;
    --c-mock-line:   #E4E1D4;
    --c-mock-red:    #B36A6A;
    --c-mock-red-soft: #F5EAEA;
    --c-field-bg: #FBFAF5;


    --safe-bottom: env(safe-area-inset-bottom, 0px);


    /* Radius: mappati sui valori esistenti (scarto ≤2px). 50% e i raggi
       compositi delle bolle chat (es. "4px 14px 14px 14px") restano literal. */
    --r-sm:   8px;
    --r-md:   14px;
    --r-lg:   20px;
    --r-full: 100px;
    /* Z-index: 4 livelli nominati al posto della scala 2→11000. */
    --z-base:     10;
    --z-dropdown: 100;
    --z-modal:    1000;
    --z-toast:    1100;
    /* Ombre ricorrenti consolidate (accanto a --c-card-shadow). */
    --shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.3);
  }