/* =============================================
   Survey Theme — Variabili CSS personalizzate Unite!
   Da importare PRIMA di survey_adapted.css
   ============================================= */

:root {
  /* Colori brand */
  --sjs-primary-backcolor:      #00aacc;
  --sjs-primary-backcolor-dark: rgba(0, 157, 189, 1);
  --sjs-primary-forecolor:      #ffffff;

  /* Font */
  --sjs-font-family: 'Open Sans', sans-serif;
  --sjs-font-size:   16px;

  /* Griglia */
  --sjs-base-unit:     8px;
  --sjs-corner-radius: 4px;

  /* Sfondi */
  --sjs-general-backcolor:        #ffffff;
  --sjs-general-backcolor-dim:    rgba(243, 243, 243, 1);
  --sjs-questionpanel-backcolor:  #ffffff;
  --sjs-editorpanel-backcolor:    rgba(249, 249, 249, 1);

  /* Testi */
  --sjs-general-forecolor:               rgba(0, 0, 0, 0.91);
  --sjs-font-pagetitle-color:            rgba(0, 0, 0, 0.91);
  --sjs-font-pagedescription-color:      rgba(0, 0, 0, 0.45);
  --sjs-font-questiontitle-color:        rgba(0, 0, 0, 0.91);
  --sjs-font-editorfont-color:           rgba(0, 0, 0, 0.91);
  --sjs-font-editorfont-placeholdercolor: rgba(0, 0, 0, 0.45);

  /* Bordi e ombre */
  --sjs-border-default: rgba(0, 0, 0, 0.16);
  --sjs-shadow-small:   0 1px 2px rgba(0, 0, 0, 0.15);
}