/*
 * Paradieschen CI — Token-File
 * Quelle: https://www.paradieschen.de (gescrapt 2026-06-04 aus merged-44f35cb7...css)
 * Verwendung: <link rel="stylesheet" href="/static/ci/ci-paradieschen.css">
 *
 * GardenGrown ist Paradieschen-Eigentum (selbst-gehostet via TYPO3),
 * darf in unseren internen Tools (paradieschen-tools.de) eingebunden werden.
 * Body-Font der Live-Site ist Adobe Typekit "myriad-pro" — nicht verteilbar,
 * deshalb hier ein neutraler System-Stack als Body.
 */

@font-face {
  font-family: "GardenGrown";
  src: url("fonts/GardenGrown-Regular.woff2") format("woff2"),
       url("fonts/GardenGrown-Regular.woff")  format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GardenGrown Caps";
  src: url("fonts/GardenGrown-Caps.woff2") format("woff2"),
       url("fonts/GardenGrown-Caps.woff")  format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Myriad Pro (Web-Variante: MyriadWebPro, lizenzierte Files) */
@font-face {
  font-family: "Myriad Pro";
  src: url("fonts/MyriadPro-Regular.woff2") format("woff2"),
       url("fonts/MyriadPro-Regular.woff")  format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("fonts/MyriadPro-Bold.woff2") format("woff2"),
       url("fonts/MyriadPro-Bold.woff")  format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("fonts/MyriadPro-Italic.woff2") format("woff2"),
       url("fonts/MyriadPro-Italic.woff")  format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Brand */
  --pd-gruen-dunkel:  #2e3d20;   /* Heading, Brand-Primaer, Text */
  --pd-gruen-akzent:  #738a4c;   /* Links, Olivgruen-Akzent */
  --pd-gruen-soft:    #b9c5a6;   /* Helles Salbei, Soft-Akzent */
  --pd-gruen-frisch:  #65b32e;   /* Bio-Frisch, Sale-Tag */

  /* Hintergruende */
  --pd-bg:            #fffeff;   /* Warmes Weiss, Seitenhintergrund */
  --pd-bg-soft:       #f1f3ed;   /* Off-White-Gruen, Card-BG */
  --pd-bg-mute:       #f4f0ef;   /* Off-White-Neutral */

  /* Akzente */
  --pd-beere:         #a64553;   /* Beerenrot, Highlight */
  --pd-rot:           #eb5d48;   /* CTA-Rot (.o-btn--red) */
  --pd-rosa-soft:     #f6ecee;   /* Pastell-Rosa, Hover-BG */
  --pd-text-dunkel:   #1d1d1b;   /* Fast-Schwarz, Body-Text */

  /* Typografie */
  --pd-font-heading:  "GardenGrown", Verdana, Arial, Georgia, serif;
  --pd-font-caps:     "GardenGrown Caps", Verdana, Arial, Georgia, serif;
  --pd-font-body:     "Myriad Pro", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --pd-line-height:   1.375;

  /* Spacing-Skala (Em-basiert wie auf der Site) */
  --pd-space-1: 0.25em;
  --pd-space-2: 0.5em;
  --pd-space-3: 0.6875em;
  --pd-space-4: 1em;
  --pd-space-5: 1.375em;
  --pd-space-6: 2em;

  /* Radius — Paradieschen-CI hat radius: 0. Fuer interne Tools weichen wir
     bewusst ab, weil rechteckige Cards in einem Excel-artigen UI haerter
     wirken. Default 6px bleibt fuer Buttons/Inputs aktiv. */
  --pd-radius-sharp: 0;
  --pd-radius-soft:  6px;
  --pd-radius-card:  10px;
}

/* Basis-Typographie */
html { background-color: var(--pd-bg); color: var(--pd-gruen-dunkel); line-height: var(--pd-line-height); }
body { font-family: var(--pd-font-body); color: var(--pd-gruen-dunkel); }

h1, h2 { font-family: var(--pd-font-heading); font-weight: normal; font-size: 2.5em; margin-bottom: 0; }
h3     { font-family: var(--pd-font-heading); font-weight: normal; font-size: 1.5em; margin-bottom: 0.91667em; }
h4, h5, h6 { font-family: var(--pd-font-heading); font-weight: normal; }

a       { color: var(--pd-gruen-akzent); }
a:hover { color: var(--pd-gruen-akzent); text-decoration: underline; }

/* Buttons — vereinfachte Variante (ohne den SVG-Apfel der Live-Site) */
.pd-btn {
  display: inline-block;
  font-family: inherit;
  font-weight: bold;
  padding: var(--pd-space-3) var(--pd-space-5);
  background: var(--pd-gruen-dunkel);
  color: var(--pd-bg);
  border: 1px solid var(--pd-gruen-dunkel);
  border-radius: var(--pd-radius-soft);
  cursor: pointer;
  text-decoration: none;
}
.pd-btn:hover { background: var(--pd-bg); color: var(--pd-gruen-dunkel); }

.pd-btn--outline { background: transparent; color: var(--pd-gruen-dunkel); }
.pd-btn--outline:hover { background: var(--pd-gruen-dunkel); color: var(--pd-bg); }

.pd-btn--red { background: var(--pd-rot); border-color: var(--pd-rot); color: var(--pd-bg); }
.pd-btn--red:hover { background: var(--pd-beere); border-color: var(--pd-beere); }

/* Badges */
.pd-badge {
  display: inline-block; padding: 0.15em 0.55em; font-size: 0.78em; font-weight: 600;
  background: var(--pd-bg-soft); color: var(--pd-gruen-dunkel); border-radius: 999px;
}
.pd-badge--frisch { background: var(--pd-gruen-frisch); color: var(--pd-bg); }
.pd-badge--beere  { background: var(--pd-beere);        color: var(--pd-bg); }