/* Konfettti Custom Styles */

:root {
  --kf-primary: #2B5C5C;    /* dunkelgrünlich für seriös/warm */
  --kf-secondary: #B0885A;  /* warmes Gold/Bronze */
  --kf-accent: #D74F4F;     /* Akzent Rot */
  --kf-ink: #222;
  --kf-paper: #fff;
  --kf-soft: #F4F4F4;
}

/* Global spacing & typography tweaks */
body {
  letter-spacing: 0.01em;
}

/* Headline style reminiscent of the layout (serif, large, tight) */
h1, h2, h3 {
  font-family: var(--wp--preset--font-family--classic-serif);
  color: var(--kf-ink);
}

/* Subtle section separators for one-pager */
.kf-section {
  padding: clamp(2rem, 6vw, 5rem) 0;
  border-bottom: 1px solid #eee;
}

/* Iconic bullets like ◉ ◆ ■ (can be applied via classes) */
.kf-bullet::before {
  content: '◉';
  display: inline-block;
  margin-right: .5rem;
  color: var(--kf-secondary);
}
.kf-bullet.square::before { content: '■'; color: var(--kf-primary); }
.kf-bullet.diamond::before { content: '◆'; color: var(--kf-accent); }

/* Quote style to echo the PDF tone */
blockquote, .wp-block-quote {
  border-left: 4px solid var(--kf-secondary);
  padding-left: 1rem;
  font-style: italic;
}

/* Buttons: rounded, friendly */
.wp-element-button, .wp-block-button__link, .button, .ct-button {
  border-radius: 999px !important;
}

/* Header navigation spacing (Blocksy adjusts via Customizer; extra polish here) */
header nav a {
  letter-spacing: .02em;
}

/* Footer legal links */
.kf-legal a { color: var(--kf-ink); opacity: .7; }
.kf-legal a:hover { opacity: 1; }

/* Utility: lead paragraph */
p.lead {
  font-size: clamp(1.1rem, 1.4vw, 1.25rem);
  line-height: 1.75;
}

/* Workflow list styling (numbers and arrows) */
.kf-workflow ol {
  counter-reset: kf-step;
  list-style: none;
  padding-left: 0;
}
.kf-workflow ol li {
  counter-increment: kf-step;
  margin: 0 0 1rem 0;
  position: relative;
  padding-left: 2.4rem;
}
.kf-workflow ol li::before {
  content: counter(kf-step) ' ›››';
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: var(--kf-primary);
}