/*
 * Energeea — arancio #ff8334.
 *
 * Il logo e' un solo gradiente rosso #ff0f2a -> arancio #ff8334 -> giallo
 * #ffeb3d applicato a tutte le forme: non esiste un colore univoco, e
 * l'arancio e' il punto medio, cioe' il tono con cui il logo si legge.
 *
 * Contrasto del testo bianco sul primario: 2.46:1, contro i 3.55:1 del
 * rosso di fabbricadigitale. Scelta deliberata di fedelta' al marchio,
 * presa il 2026-08-26: i bottoni primari con testo bianco si leggono
 * meno di quelli di fabbricadigitale. Se un domani conta piu' il
 * contrasto della fedelta', l'altro candidato era #ff0f2a (3.92:1).
 */
/*
 * COME E' COSTRUITA LA SCALA
 * 500 e' il colore scelto. Gli altri dieci gradini riusano il ritmo di
 * luminosita' della scala di fabbricadigitale, rimappato perche' 500 cada
 * sul colore scelto: sopra e sotto restano monotoni e la scala ha lo
 * stesso passo delle altre.
 *
 * --fd-primary-500-rgb non e' facoltativo: in @fd/theme e' un letterale,
 * non una var(), e non segue l'override. Lo usano SettingsView.vue e
 * AdminSettings.vue dentro rgba(). Dimenticarlo lascia indietro quelle
 * superfici.
 *
 * Niente @layer qui dentro: PrimeVue avvolge le proprie variabili in
 * `@layer primevue`, e il CSS non-layered vince sul layered a qualunque
 * ordine di caricamento. E' cosi' che questo file prevale senza
 * !important.
 */
:root {
  --p-primary-50: #fff6f1;
  --p-primary-100: #ffefe4;
  --p-primary-200: #ffe0cc;
  --p-primary-300: #ffc6a2;
  --p-primary-400: #ffa66e;
  --p-primary-500: #ff8334;
  --p-primary-600: #ff6300;
  --p-primary-700: #d15100;
  --p-primary-800: #b24500;
  --p-primary-900: #9c3d00;
  --p-primary-950: #512000;

  --fd-primary-500-rgb: 255, 131, 52;
}