/* Aumenta la dimensione del testo nei contenuti principali */
.markdown-preview-view {
  font-size: 1.2em; /* Puoi usare 1.2em o 18px se preferisci */
  line-height: 1.6;
}

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1.3em;
}

h3 {
  font-size: 1.2em;
}

p, li {
  font-size: 1.1em;
}

body {
  font-size: 1.1em;
  --link-color: #e26a5c;          /* link normali */
  --link-color-hover: #765073;    /* hover link */
  --link-external-color: #e26a5c;   /* solo per link esterni */
  --link-external-color-hover: #765073;
}


/* Nasconde l’intestazione della pagina per le note con cssClasses: hide-title */
.hide-title .page-header {
    display: none;
}

/* Mantiene l’H1 visibile e formattato se già presente nel contenuto della nota */
.hide-title.markdown-preview-view div:nth-child(4) h1 {
    margin-top: 0.25em;
    /* mantiene le impostazioni stilistiche standard del titolo */
    font-variant: var(--page-title-variant);
    letter-spacing: -0.015em;
    line-height: var(--page-title-line-height);
    font-size: var(--page-title-size);
    color: var(--page-title-color);
    font-weight: var(--page-title-weight);
    font-style: var(--page-title-style);
    font-family: var(--page-title-font);
    border: none;
}

/* 1) Palette per l’AREA CONTENUTO (reading view) */
.theme-light .published-container {
  --background-primary-alt: #EAE4DA; /* sfondo contenuto in LIGHT */
  --text-normal: #111;               /* testo in LIGHT */
}

.theme-dark .published-container {
  --background-primary-alt: #202020; /* sfondo contenuto in DARK */
  --text-normal: #eee;               /* testo in DARK */
}

/* 2) Applica davvero lo sfondo e il colore testo alla reading view */
.published-container .markdown-preview-view,
.published-container .markdown-rendered {
  background-color: var(--background-primary-alt) !important;
  color: var(--text-normal);
}

/* (Opzionale) uniforma blocchi che restano “bianchi” con alcuni temi */
.published-container .markdown-preview-view pre,
.published-container .markdown-rendered pre,
.published-container .markdown-rendered table,
.published-container .markdown-rendered code {
  background-color: var(--background-primary-alt) !important;
}

/*  LIGHT MODE */
.theme-light .published-container {
  --sidebar-right-background: #EAE4DA;  /* il colore della sidebar in modalità Light */
}

/*  DARK MODE */
.theme-dark .published-container {
  --sidebar-right-background: #202020;  /* il colore della sidebar in modalità Dark */
}

/* LEFT SIDEBAR — Light/Dark */
.theme-light .published-container .site-body-left-column {
  background-color: #EAE4DA !important; /* colore Light */
}

.theme-dark .published-container .site-body-left-column {
  background-color: #202020 !important; /* colore Dark */
}

/* Rende invisibile il nome del sito sotto il logo */
.site-body-left-column-site-name {
  color: transparent !important;
  line-height: 0 !important;
  padding: 0 !important;
}