/*
 Theme Name:   Twenty Twenty-Five Child
 Description:  Mein modernes Design-System
 Author:       Dein Name
 Template:     twentytwentyfive
 Version:      1.0.0
*/

@import url("../twentytwentyfive/style.css");


:root {
  --wp--preset--font-family--heading: "Fraunces", serif;
  --wp--preset--font-family--body: "Space Grotesk", sans-serif;
  --wp--preset--color--primary: var(--teal); /* Mappt deine Farbe auf WP-Standards */
  --ink: #e8f1ff;
  --muted: #a3b2cc;
  --sand: #0a1221;
  --teal: #43d3ff;
  --card: #121c30;
  --shadow: 0 28px 70px rgba(6, 12, 24, 0.45);
}

body {
    font-family: var(--wp--preset--font-family--body) !important;
}

h1, h2, h3, h4, .wp-block-heading {
    font-family: var(--wp--preset--font-family--heading) !important;
}


/* Den globalen Hintergrund für Twenty Twenty-Five setzen */
.wp-site-blocks {
  background: radial-gradient(circle at top left, #1c2945 0%, var(--sand) 55%) fixed !important;
  color: var(--ink);
}

.wp-block-button__link {
  background-color: var(--teal) !important;
  color: #071424 !important;
  border-radius: 999px !important;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 600;
  padding: 12px 24px !important;
  transition: transform 0.2s ease !important;
}

.wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}

.panel__card {
  background: var(--card);
  border-radius: 24px;
  padding: 26px;
  border: 1px solid rgba(232, 241, 255, 0.08);
  box-shadow: var(--shadow);
}

/* Mapping für die Group-Card */
.is-style-glass-card {
  background: var(--card) !important;
  border-radius: 24px !important;
  padding: 26px !important;
  border: 1px solid rgba(232, 241, 255, 0.08) !important;
  box-shadow: var(--shadow) !important;
}

/* Mapping für den Button */
.wp-block-button.is-style-neon-teal .wp-block-button__link {
  background: var(--teal) !important;
  color: #071424 !important;
  box-shadow: var(--shadow);
}