/*
Theme Name:  La Psicologia di Oggi
Theme URI:   https://lapsicologiadioggi.it
Author:      La Psicologia di Oggi
Description: Un tema editoriale caldo per blog di psicologia, con accento rosa, titoli in Playfair Display e layout articolo a due colonne.
Version:     1.0.0
License:     GNU General Public License v2 or later
Text Domain: psicologia-oggi
Tags:        blog, two-columns, custom-colors, custom-logo, featured-images
*/

/* ── CSS CUSTOM PROPERTIES ─────────────────────────────── */
:root {
  --cream:       #FAF8F4;
  --ink:         #1A1614;
  --ink-muted:   #5C544E;
  --ink-faint:   #9E9189;
  --pink:        #c45370;
  --pink-deep:   #9e3459;
  --pink-pale:   #f2c4cf;
  --pink-bg:     #fdf5f7;
  --sage:        #5d8a62;
  --mauve:       #7d5c9a;
  --border:      rgba(26,22,20,0.08);
  --border-md:   rgba(26,22,20,0.14);
  --card:        #FFFFFF;
  --serif:       'Playfair Display', Georgia, serif;
  --sans:        'DM Sans', system-ui, sans-serif;
  --radius:      12px;
  --radius-lg:   18px;
  --max-w:       1200px;
  --content-w:   740px;
  --sidebar-w:   292px;
}

/* ── RESET & BASE ───────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
  font-family: var(--sans);
  background: var(--cream);
  color: var(--ink);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
ul, ol { list-style: none; }
button, input, textarea, select { font-family: inherit; }

/* ── TYPOGRAPHY ─────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--serif);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--ink);
}
p { margin-bottom: 1.5rem; }
p:last-child { margin-bottom: 0; }

/* ── LAYOUT UTILITIES ───────────────────────────────────── */
.container {
  max-width: var(--max-w);
  margin-inline: auto;
  padding-inline: 2rem;
}

.site-layout {
  max-width: var(--max-w);
  margin-inline: auto;
  padding: 2.5rem 2rem 5rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--sidebar-w);
  gap: 3.75rem;
  align-items: start;
}

/* ── SCREEN READER ──────────────────────────────────────── */
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  height: 1px; width: 1px;
  margin: -1px; overflow: hidden;
  padding: 0; position: absolute;
  word-wrap: normal !important;
}

:focus-visible { outline: 2px solid var(--pink); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}