/* LS Site — Estilo "Literatura"
   Pensado para poetas e escritores: tons de papel envelhecido e tinta,
   tipografia serifada do início ao fim, e um toque clássico de letra
   capitular no primeiro parágrafo — como a abertura de um capítulo.
   Usa apenas fontes já instaladas no sistema (sem depender de internet
   para carregar fontes externas). */
@import url("../base.css");

:root{
  --ls-color-bg:            #fbf6ec;
  --ls-color-surface:       #f3e9d7;
  --ls-color-text:          #2b2118;
  --ls-color-muted:         #6e5f4d;
  --ls-color-accent:        #6b2737;
  --ls-color-accent-dark:   #4a1a26;
  --ls-color-accent-contrast: #fdf6ec;
  --ls-color-border:        #ddd0b3;
  --ls-color-header-bg:     #fbf6ec;
  --ls-color-footer-bg:     #241c18;
  --ls-color-footer-text:   #f3e9d7;

  --ls-font-heading: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif;
  --ls-font-body:    Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;

  --ls-radius: 3px;
}

/* Cabeçalho: nome do site em itálico serifado, como um selo de editora */
.ls-logo-text{
  font-style: italic;
  letter-spacing: .01em;
}
.ls-slogan{
  font-style: italic;
  font-family: var(--ls-font-heading);
}

.ls-site-header{ border-bottom: 2px solid var(--ls-color-accent); }

/* Menu com leve espaçamento entre letras — sensação de "sumário de livro" */
.ls-menu-item > a{
  font-family: var(--ls-font-heading);
  letter-spacing: .02em;
}

/* Título da página com uma pequena régua decorativa embaixo, como um ex-libris */
.ls-page h1{
  position: relative;
  padding-bottom: .6rem;
  font-weight: 400;
}
.ls-page h1::after{
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin-top: .6rem;
  background: var(--ls-color-accent);
}

/* Letra capitular no primeiro parágrafo do conteúdo — abertura de capítulo */
.ls-page-content > p:first-of-type:first-letter{
  float: left;
  font-family: var(--ls-font-heading);
  font-size: 3.4em;
  line-height: .82;
  padding: .05em .12em 0 0;
  color: var(--ls-color-accent);
}

.ls-page-content{ font-style: normal; }
.ls-page-content em, .ls-page-content i{ color: var(--ls-color-accent-dark); }

/* Citações e trechos de poesia com aspas decorativas */
.ls-page-content blockquote{
  margin: 1.75rem 0;
  padding: .25rem 0 .25rem 1.5rem;
  border-left: 3px solid var(--ls-color-accent);
  font-style: italic;
  color: var(--ls-color-muted);
}

.ls-social-title{ font-family: var(--ls-font-heading); font-style: italic; }