/**
 * The Daily Defense — editor-style.css
 * Loads inside Gutenberg editor to mirror front-end look.
 */

/* Import Google Fonts in editor context */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root {
  --color-navy:       #0B1220;
  --color-off-white:  #F5F2EA;
  --color-silver:     #C7CBD4;
  --color-accent:     #B8202C;
  --color-border:     #D8D5CC;
  --font-headline:    'Libre Baskerville', Georgia, serif;
  --font-body:        'IBM Plex Sans', sans-serif;
  --leading-loose:    1.8;
}

/* Editor body */
body.block-editor-page .editor-styles-wrapper,
.editor-styles-wrapper {
  font-family: var(--font-body);
  font-size: 1.0625rem;
  color: var(--color-navy);
  background: #F5F2EA;
  line-height: var(--leading-loose);
}

/* Headings */
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4 {
  font-family: var(--font-headline);
  letter-spacing: -0.02em;
  color: var(--color-navy);
}

/* Max width for readable line length */
.editor-styles-wrapper .wp-block {
  max-width: 720px;
}

/* Paragraph */
.editor-styles-wrapper p {
  line-height: 1.8;
}

/* Blockquote */
.editor-styles-wrapper blockquote {
  border-left: 3px solid var(--color-navy);
  padding: 1rem 1.5rem;
  background: #EBE8DF;
  font-family: var(--font-headline);
  font-style: italic;
}

/* Custom pattern block previews */
.tdd-key-takeaways,
.tdd-why-matters,
.tdd-sources,
.tdd-timeline,
.tdd-data-card,
.tdd-related-links {
  /* patterns render correctly in editor */
  margin: 1.5rem 0;
}