/*
Theme Name: Das Backstein
Theme URI: https://das-backstein.de/
Description: Individuelles Child-Theme für Das Backstein auf Basis von Blocksy.
Author: Das Backstein
Template: blocksy
Version: 0.1.0
Text Domain: backstein
*/

/* Zentrales Designsystem */
:root {
  --backstein-burgunder: #6E2433;
  --backstein-burgunder-dunkel: #541A27;
  --backstein-creme: #F6F2EC;
  --backstein-elfenbein: #FFFDF9;
  --backstein-anthrazit: #2F2B2A;
  --backstein-sand: #D8C8B5;
  --backstein-messing: #B08A52;
  --backstein-terracotta: #A65A46;

  --backstein-radius-klein: 8px;
  --backstein-radius: 14px;
  --backstein-radius-gross: 24px;

  --backstein-schatten:
    0 12px 36px rgba(47, 43, 42, 0.10);

  --backstein-inhalt: 1320px;
  --backstein-sidebar: 270px;
}

/* Sanfte globale Grundwerte – die Detailgestaltung folgt später */
html {
  scroll-behavior: smooth;
}

body {
  background: var(--backstein-creme);
  color: var(--backstein-anthrazit);
}

a {
  text-underline-offset: 0.18em;
}

::selection {
  background: var(--backstein-burgunder);
  color: var(--backstein-elfenbein);
}

/* Hilfsklassen für spätere Gutenberg-Bausteine */
.backstein-paper {
  background: var(--backstein-elfenbein);
  border-radius: var(--backstein-radius);
  box-shadow: var(--backstein-schatten);
}

.backstein-accent {
  color: var(--backstein-burgunder);
}

.backstein-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.75rem 1.25rem;
  border: 1px solid var(--backstein-burgunder);
  border-radius: var(--backstein-radius-klein);
  background: var(--backstein-burgunder);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: transform 160ms ease, background-color 160ms ease;
}

.backstein-button:hover,
.backstein-button:focus-visible {
  background: var(--backstein-burgunder-dunkel);
  transform: translateY(-1px);
  color: #fff;
}