/* ============================================================
   BELTURO · Theme-Override für ZERO One (Kirby + UIkit 3)
   ------------------------------------------------------------
   Färbt die vorhandenen ZERO-One-/UIkit-Klassen auf die
   BELTURO-Marke um. Nach der ZERO-One-eigenen CSS laden, damit
   die Overrides greifen (siehe README).
   Marke: Forest #1F4B3F · Sand #D6C59D · Cream #F2E9DC ·
   Paper #FBF8F2 · Playfair Display + Inter.
   ============================================================ */

/* ---------- Fonts ---------- */
@font-face{font-family:"Inter";src:url("fonts/Inter-Variable.ttf") format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-Italic-Variable.ttf") format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("fonts/PlayfairDisplay-Variable.ttf") format("truetype-variations");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("fonts/PlayfairDisplay-Italic-Variable.ttf") format("truetype-variations");font-weight:400 900;font-style:italic;font-display:swap}

/* ---------- Tokens ---------- */
:root{
  --belturo-green:#1F4B3F;--belturo-sage:#6A8A76;--belturo-sand:#D6C59D;--belturo-cream:#F2E9DC;--belturo-sky:#90B4C5;--belturo-slate:#2D3A3F;
  --green-950:#15332B;--green-900:#1F4B3F;--green-800:#28594B;--green-700:#336B5A;--green-600:#437C6B;--green-500:#6A8A76;--green-300:#AEC4B8;--green-100:#E8F0EB;
  --sand-700:#A98E55;--sand-600:#C2A461;--sand-500:#D6C59D;--sand-400:#E0D4B4;--sand-300:#EAE1CC;--sand-200:#F2E9DC;--sand-100:#F8F3EA;
  --slate-800:#2D3A3F;--slate-700:#41525A;--slate-600:#586A72;--slate-500:#74858C;
  --paper:#FBF8F2;--paper-2:#F6F1E8;
  --surface-card:#fff;--border-subtle:rgba(31,75,63,0.10);--border-strong:rgba(31,75,63,0.34);
  --font-display:"Playfair Display","Iowan Old Style",Georgia,serif;
  --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --radius-lg:18px;--radius-2xl:32px;
  --shadow-card:0 4px 14px rgba(21,51,43,.07);--shadow-md:0 6px 18px rgba(21,51,43,.09);
}

/* ---------- Basis ---------- */
html{ -webkit-text-size-adjust:100%; }
body{
  font-family:var(--font-sans);
  color:var(--slate-800);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{ background:var(--sand-300); color:var(--green-900); }

h1,h2,h3,h4,.uk-h1,.uk-h2,.uk-h3,.uk-h4,
.uk-heading-small,.uk-heading-medium,.uk-heading-large{
  font-family:var(--font-display);
  color:var(--green-900);
  font-weight:600;
  letter-spacing:-0.01em;
  line-height:1.12;
  text-wrap:balance;
}
/* Signatur: Italic-Akzentwort (im Editor <em> oder <u> setzen) */
h1 em,h2 em,h3 em,h1 u,h2 u,h3 u{
  font-style:italic; text-decoration:none; color:var(--sand-700);
}
h2 strong{ color:var(--sand-700); }       /* aus bestehender site.css übernommen, jetzt markenkonform */

p{ text-wrap:pretty; line-height:1.6; }
a{ color:var(--green-700); }
a:hover{ color:var(--green-900); }

/* ---------- Navbar ---------- */
#navbar{ border-bottom:1px solid var(--border-subtle); }
.uk-navbar-container:not(.uk-navbar-transparent){
  background:rgba(251,248,242,.88);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.uk-navbar-nav>li>a{
  font-family:var(--font-sans);
  font-size:15px;
  font-weight:600;
  letter-spacing:.01em;
  color:var(--green-900);
  text-transform:none;
  min-height:74px;
}
.uk-navbar-nav>li>a:hover,
.uk-navbar-nav>li.uk-active>a{ color:var(--green-900); }
/* aktiver Punkt: Sand-Unterstreichung (wie im Mockup) */
.uk-navbar-nav>li.uk-active>a::after{
  content:""; position:absolute; left:0; right:0; bottom:18px;
  height:3px; border-radius:3px; background:var(--sand-600);
}
.uk-navbar-nav>li>a{ position:relative; }

/* ---------- Buttons ---------- */
.uk-button{
  font-family:var(--font-sans); font-weight:600; letter-spacing:.01em;
  border-radius:12px; text-transform:none; transition:all .2s ease;
}
.uk-button-large{ border-radius:var(--radius-lg); }
.uk-button-primary{ background:var(--green-900); color:var(--belturo-cream); }
.uk-button-primary:hover,.uk-button-primary:focus{ background:var(--green-800); color:var(--belturo-cream); }
.uk-button-secondary{ background:var(--sand-500); color:var(--green-900); }
.uk-button-secondary:hover,.uk-button-secondary:focus{ background:var(--sand-600); color:var(--green-900); }
.uk-button-default{
  background:transparent; border:1.5px solid var(--border-strong); color:var(--green-900);
}
.uk-button-default:hover,.uk-button-default:focus{ background:rgba(31,75,63,.05); color:var(--green-900); }

/* ---------- Sections / Tiles ---------- */
.uk-section-default{ background:var(--paper); }
.uk-section-muted{ background:var(--paper-2); }
.uk-section-primary{ background:var(--green-900); }
.uk-section-secondary{ background:var(--green-950); }
.uk-section-primary,.uk-section-secondary{ color:var(--belturo-cream); }
.uk-section-primary h1,.uk-section-primary h2,.uk-section-primary h3,
.uk-section-secondary h1,.uk-section-secondary h2,.uk-section-secondary h3{ color:var(--belturo-cream); }
.uk-tile-default{ background:var(--surface-card); }
.uk-tile-muted{ background:var(--paper-2); }
.uk-background-primary{ background:var(--green-900)!important; }
.uk-background-secondary{ background:var(--green-950)!important; }

/* ---------- Cards ---------- */
.uk-card-default{
  background:var(--surface-card);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
}
.uk-card-default.uk-card-hover:hover{ box-shadow:var(--shadow-md); transform:translateY(-3px); }
.uk-card{ transition:box-shadow .2s ease, transform .2s ease; }

/* ---------- Akzente / Status ---------- */
.uk-text-primary{ color:var(--green-700)!important; }
.uk-text-secondary{ color:var(--sand-700)!important; }
.uk-text-muted{ color:var(--slate-500)!important; }
.uk-label{ background:var(--sand-200); color:var(--sand-700); border-radius:999px; padding:4px 10px; text-transform:uppercase; letter-spacing:.1em; font-weight:700; }
.uk-text-warning{ color:var(--sand-700)!important; }   /* Countdown-Label warm statt gelb */

/* ---------- Divider / Linien ---------- */
hr,.uk-divider-icon,.uk-divider-small::after{ border-color:var(--border-subtle); }

/* ---------- Countdown (z-countdown) ---------- */
.uk-countdown-number{ font-family:var(--font-display); color:var(--green-900); }
.uk-section-primary .uk-countdown-number,
.uk-section-secondary .uk-countdown-number{ color:var(--sand-400); }
.uk-countdown-label{ letter-spacing:.12em; text-transform:uppercase; color:var(--slate-500); }

/* ---------- Formulare ---------- */
.uk-input,.uk-textarea,.uk-select{
  border:1.5px solid var(--border-subtle); border-radius:10px; background:var(--sand-100);
}
.uk-input:focus,.uk-textarea:focus,.uk-select:focus{
  border-color:var(--green-600); box-shadow:0 0 0 3px rgba(106,138,118,.4);
}

/* ---------- Shape Divider Default (Tilt etc.) ---------- */
/* Im ZERO-One-Editor die Divider-Farbe auf #FBF8F2 (Paper) bzw. die
   jeweils folgende Sektion setzen. */