/*
  TEMA DI NAILSPLANNING
  ---------------------
  Tutti i colori e i font dell'app sono qui, in un solo punto.
  Fonte: GRAFICA/GRAFICA.md (versione 1) e GRAFICA/proposta-grafica-1.webp.
  I font Playfair Display e Poppins arrivano da Google Fonts (vedi APRI-NAILSPLANNING.html):
  senza internet il browser usa font simili già presenti sul computer.
*/
:root {
  /* Palette ufficiale */
  --np-primary: #D16BA5;     /* colore principale del brand, pulsanti principali, selezioni */
  --np-background: #FCEEF0;  /* sfondo principale */
  --np-surface: #FFFFFF;     /* card, finestre, campi */
  --np-text: #5A3E46;        /* testo principale, titoli, icone */
  --np-accent: #F4C2C2;      /* pulsanti secondari, appuntamenti, selezioni leggere */
  --np-neutral: #E8D7CF;     /* elementi secondari, bordi, separatori */
  --np-success: #537A6B;     /* stati positivi */
  /* Aggiunte del coordinatore */
  --np-attesa: #D9A441;      /* "In attesa" (conferma manuale) */
  --np-errore: #C0504D;      /* errori e rifiuti */
  --np-primary-scuro: #B04F87; /* per testi piccoli rosa su bianco, o su sfondo rosa */

  /* Nomi usati dall'app (collegati alla palette qui sopra) */
  --colore-sfondo: var(--np-background);
  --colore-superficie: var(--np-surface);
  --colore-superficie-2: #F8E4E9;
  --colore-bordo: var(--np-neutral);

  --colore-testo: var(--np-text);
  --colore-testo-tenue: #785C63; /* 14.3: un po' più scuro per la leggibilità (prima #8A6F76) */

  --colore-primario: var(--np-primary);
  --colore-primario-scuro: var(--np-primary-scuro);
  --colore-primario-chiaro: #FADCE6;
  --colore-sul-primario: #FFFFFF;

  /* Appuntamenti nel calendario dell'onicotecnica (grafica v3: confermati verde salvia, in attesa ambra) */
  --colore-conf-chiaro: #E3EDE7;
  --colore-conf-bordo: #C4D8CC;
  --colore-attesa-bordo: #EBCB8A;
  --colore-app-online: var(--np-accent);        /* prenotati online e confermati */
  --colore-app-online-bordo: var(--np-primary);
  --colore-secondario: #B79A8C;                 /* inseriti a mano: bordo */
  --colore-secondario-chiaro: var(--np-neutral); /* inseriti a mano: sfondo */

  /* Cerchi con le iniziali quando manca l'immagine profilo (v8) */
  --tinta-1: #FADCE6;
  --tinta-2: #F4C2C2;
  --tinta-3: #E8D7CF;
  --tinta-4: #E3EDE7;
  --tinta-5: #F5E6D3;
  /* Stelle delle recensioni */
  --colore-stella: #D16BA5;         /* grafica v5: stelle rosa */
  --colore-stella-vuota: #D8C6C0;
  /* Chat: fumetti dell'altra persona (beige, come nel mockup) */
  --colore-fumetto-altro: #F1E2DC;

  /* Calendario */
  --colore-disponibile: #FFFFFF;
  --colore-chiuso: #F5E6E9;

  /* Messaggi di stato */
  --colore-successo: var(--np-success);
  --colore-successo-chiaro: #F1F7F3; /* 14.3: più chiaro, così il testo verde si legge meglio (prima #E2EEE8) */
  --colore-errore: var(--np-errore);
  --colore-errore-chiaro: #F8E1E0;
  --colore-avviso: #80570F;          /* testo "in attesa" leggibile (14.3: più scuro, prima #94691A) */
  --colore-avviso-bordo: var(--np-attesa);
  --colore-avviso-chiaro: #FAEED5;

  /* Font */
  --font-titoli: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-testo: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Forme */
  --raggio: 16px;          /* card */
  --raggio-pulsante: 999px; /* pulsanti a pillola, come nei mockup */
  --raggio-piccolo: 10px;  /* campi */
  --raggio-grande: 22px;   /* finestre dal basso e riquadri grandi (14.3) */
  --ombra: 0 1px 2px rgba(90, 62, 70, 0.04), 0 6px 20px rgba(209, 107, 165, 0.08);

  /* 14.3: colori usati in punti precisi (badge, corone, illustrazioni, veli trasparenti). Prima erano scritti in stile.css e sito.css */
  --colore-bianco: #FFFFFF;
  --colore-nero: #000000;
  --velo-209-107-165-p4: rgba(209,107,165,.4);
  --velo-90-62-70-p06: rgba(90,62,70,.06);
  --velo-255-255-255-p9: rgba(255,255,255,.9);
  --velo-90-62-70-p15: rgba(90,62,70,.15);
  --velo-43-37-34-p42: rgba(43,37,34,.42);
  --velo-255-255-255-p25: rgba(255,255,255,.25);
  --tinta-f3e9e2: #F3E9E2;
  --tinta-fbf5f1: #FBF5F1;
  --tinta-f4ece6: #F4ECE6;
  --tinta-dce8d9: #DCE8D9;
  --velo-90-62-70-p25: rgba(90,62,70,.25);
  --velo-209-107-165-p6: rgba(209,107,165,.6);
  --tinta-a8a9ad: #A8A9AD;
  --tinta-6fb7d6: #6FB7D6;
  --tinta-e79cbe: #E79CBE;
  --velo-209-107-165-p35: rgba(209,107,165,.35);
  --velo-176-79-135-p25: rgba(176,79,135,.25);
  --tinta-ece7e6: #ECE7E6;
  --tinta-d6cfcd: #D6CFCD;
  --tinta-bdb4b2: #BDB4B2;
  --velo-0-0-0-p2: rgba(0,0,0,.2);
  --velo-255-255-255-p55: rgba(255,255,255,.55);
  --tinta-8a7a80: #8A7A80;
  --tinta-eee9ea: #EEE9EA;
  --tinta-d8cfd2: #D8CFD2;
  --tinta-5e8b6b: #5E8B6B;
  --velo-80-34-52-p8: rgba(80,34,52,.8);
  --tinta-2b2522: #2B2522;
  --velo-43-37-34-p55: rgba(43,37,34,.55);
  --tinta-f2a7c8: #F2A7C8;
  --tinta-1d1719: #1D1719;
  --velo-255-255-255-p35: rgba(255,255,255,.35);
  --velo-0-0-0-p5: rgba(0,0,0,.5);
  --velo-255-255-255-p88: rgba(255,255,255,.88);
  --tinta-4a2a36: #4A2A36;
  --velo-0-0-0-p25: rgba(0,0,0,.25);
  --velo-255-255-255-p85: rgba(255,255,255,.85);
  --tinta-fff4d6: #FFF4D6;
  --tinta-8a6516: #8A6516;
  --tinta-f1d9a0: #F1D9A0;
  --tinta-fce4ee: #FCE4EE;
  --tinta-f4c2d6: #F4C2D6;
  --tinta-e6f0e4: #E6F0E4;
  --tinta-4f7a55: #4F7A55;
  --velo-43-30-36-p62: rgba(43,30,36,.62);
  --velo-240-150-190-p85: rgba(240,150,190,.85);
  --tinta-fff8fa: #FFF8FA;
  --velo-255-255-255-p92: rgba(255,255,255,.92);
  --tinta-eba8bf: #EBA8BF;
  --velo-252-238-240-p92: rgba(252,238,240,.92);
  --tinta-9b3f6b: #9B3F6B;
  --tinta-f3dde8: #F3DDE8;
  --tinta-f8eef3: #F8EEF3;
  --tinta-fbe3ec: #FBE3EC;
  --velo-255-255-255-p75: rgba(255,255,255,.75);
  --velo-90-62-70-p16: rgba(90,62,70,.16);
  --tinta-fff7f9: #FFF7F9;
  --tinta-fde9ef: #FDE9EF;
  --tinta-fbf7f5: #FBF7F5;
  --tinta-e6dcd8: #E6DCD8;
  --tinta-f3e2d3: #F3E2D3;
  --tinta-d9b79a: #D9B79A;
  --tinta-eadcf0: #EADCF0;
  --tinta-c6a8d6: #C6A8D6;
  --tinta-f6e9c9: #F6E9C9;
  --tinta-d9b66a: #D9B66A;
  --tinta-f8d7e3: #F8D7E3;
  --tinta-e9a9c2: #E9A9C2;
  --tinta-c9707f: #C9707F;
  --tinta-7e2f45: #7E2F45;
  --tinta-fff1d6: #FFF1D6;
  --velo-90-62-70-p18: rgba(90,62,70,.18);
}
