/* base.css — Minimal Modern (Koffee Kartel) */
*,*::before,*::after{box-sizing:border-box}*{margin:0}
html:focus-within{scroll-behavior:smooth}html,body{height:100%}
img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}
p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
:root{--brand:#6B4F3B;--bg:#F7EFE8;--accent:#2F855A;--ink:#1F1D1A;--muted:#6B645E;
--radius:16px;--shadow:0 8px 24px rgba(0,0,0,.06);--ring:0 0 0 4px color-mix(in oklab, var(--accent) 18%, white)}
body{background:var(--bg);color:var(--ink);font:16px/1.7 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,[role='button']:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px}
.container{max-width:1200px;margin-inline:auto;padding:20px}.container.wide{max-width:1400px}
h1{font-size:clamp(2.1rem,4.5vw,3.2rem);line-height:1.1;letter-spacing:-.01em;margin-bottom:.3rem}
h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;margin-bottom:.25rem}h3{font-size:1.125rem;font-weight:700}
.lede{color:var(--muted);max-width:65ch}
.btn{display:inline-block;padding:.7rem 1rem;border-radius:999px;font-weight:800;letter-spacing:.01em;border:1px solid color-mix(in oklab, var(--ink) 10%, white);transition:.15s ease;will-change:transform,box-shadow}
.btn.primary{background:linear-gradient(180deg, color-mix(in oklab, var(--brand) 82%, white), var(--brand));color:#fff;border-color:transparent;box-shadow:var(--shadow)}
.btn.primary:hover{transform:translateY(-1px)}.btn.ghost{background:#ffffffd9;color:var(--ink);backdrop-filter:saturate(120%) blur(4px)}.btn.inline{box-shadow:none}
.card{background:#fff;border:1px solid color-mix(in oklab, var(--ink) 10%, white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}
.badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:999px;font-size:.8rem;border:1px solid color-mix(in oklab, var(--ink) 10%, white);background:#fff}
.badge.vegan{background:color-mix(in oklab, var(--accent) 16%, white);color:#0f3f2a}.badge.spicy{background:#fff1ed;color:#9a3412;border-color:#fed7aa}.badge.gf{background:#eef6ff;color:#1e3a8a;border-color:#bfdbfe}
form{display:grid;gap:12px;max-width:560px}label{display:grid;gap:.35rem}input,textarea,select{background:#fff;color:var(--ink);border:1px solid color-mix(in oklab, var(--ink) 15%, white);border-radius:14px;padding:.7rem .85rem;transition:.15s border-color,.15s box-shadow}
input:focus,textarea:focus,select:focus{box-shadow:var(--ring);border-color:color-mix(in oklab, var(--accent) 40%, white)}
table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:.95rem}th,td{text-align:left;padding:.6rem .75rem;background:#fff}th{font-weight:800}
.grid{display:grid;gap:1rem}.flow > * + *{margin-top:.75rem}.spaced{display:flex;align-items:center;justify-content:space-between;gap:.75rem}