/**
 * Theme Name:   Manugrafie
 * Theme URI:    https://manugrafie.de
 * Description:  Professionelle, gebrandete Website – SEO & LLM-optimiert
 * Author:       Manugrafie
 * Author URI:   https://manugrafie.de
 * Template:     generatepress
 * Version:      1.0.0
 * License:      GPL-2.0+
 */

/* ==========================================================================
   Brand Design Tokens (CSS Custom Properties)
   Anpassung der Brand-Farben, Typografie und Abstände an einer Stelle
   ========================================================================== */

:root {
  /* --- Primäre Brand-Farben --- */
  --manugrafie-primary: #0D0D0D;
  --manugrafie-primary-light: #A3B2BF;
  --manugrafie-primary-dark: #0D0D0D;

  /* --- Akzentfarbe --- */
  --manugrafie-accent: #731425;
  --manugrafie-accent-hover: #5a0f1d;

  /* --- Neutrale Farben --- */
  --manugrafie-text: #0D0D0D;
  --manugrafie-text-muted: #A3B2BF;
  --manugrafie-bg: #ffffff;
  --manugrafie-bg-alt: #D2D3D9;
  --manugrafie-border: #D2D3D9;

  /* --- Typografie --- */
  --manugrafie-font-heading: "Georgia", "Times New Roman", serif;
  --manugrafie-font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --manugrafie-font-size-base: 1rem;
  --manugrafie-line-height: 1.6;
  --manugrafie-line-height-heading: 1.3;

  /* --- Abstände & Layout --- */
  --manugrafie-spacing-xs: 0.25rem;
  --manugrafie-spacing-sm: 0.5rem;
  --manugrafie-spacing-md: 1rem;
  --manugrafie-spacing-lg: 1.5rem;
  --manugrafie-spacing-xl: 2rem;
  --manugrafie-spacing-2xl: 3rem;
  --manugrafie-container-max: 1200px;
}

/* ==========================================================================
   Base Styles (Überschreibungen)
   ========================================================================== */

body {
  color: var(--manugrafie-text);
  font-family: var(--manugrafie-font-body);
  font-size: var(--manugrafie-font-size-base);
  line-height: var(--manugrafie-line-height);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--manugrafie-font-heading);
  line-height: var(--manugrafie-line-height-heading);
  color: var(--manugrafie-primary);
}

a {
  color: var(--manugrafie-primary-light);
  transition: color 0.2s ease;
}

a:hover {
  color: var(--manugrafie-primary-dark);
}

/* ==========================================================================
   Site Header (Branding)
   ========================================================================== */

.site-header {
  border-bottom: 1px solid var(--manugrafie-border);
  background: var(--manugrafie-bg);
}

/* ==========================================================================
   Content Area
   ========================================================================== */

.entry-content {
  max-width: var(--manugrafie-container-max);
  margin-left: auto;
  margin-right: auto;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.site-footer {
  background: var(--manugrafie-primary);
  color: var(--manugrafie-bg);
  margin-top: var(--manugrafie-spacing-2xl);
}

.site-footer a {
  color: rgba(255, 255, 255, 0.9);
}

.site-footer a:hover {
  color: var(--manugrafie-bg);
}