/*
Theme Name: Kurkclub
Theme URI: https://example.com/kurkclub
Author: Kurkclub
Description: Thema voor Kurkclub, de wijnclub voor thuis. Gebaseerd op de ontwerpen uit Claude Design (desktop, 1280 px).
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kurkclub
License: Proprietary
*/

/* Kurkclub — basisstijl, gegenereerd uit het brandbook (tokens.json) */
@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,500;1,6..72,400&family=DM+Sans:wght@400;700&display=swap");
:root {
  --creme: #F6F1E8;  /* Achtergrond van alles: site, proefboeken, verpakking. Warm en rustig, nooit puur wit. */
  --creme-diep: #ECE3D4;  /* Tweede laag op crème: kaarten, invulvlakken, fotokaders. */
  --lijn: #D6C7B0;  /* Haarlijnen, kaders, scheidingslijnen en invulregels. */
  --eik: #2A1F1A;  /* Hoofdtekst op crème en crème-diep (14:1). Ook donkere vlakken. */
  --eik-zacht: #62544A;  /* Bijschriften en metadata op crème (6,5:1) en crème-diep (5,7:1). */
  --wijnrood: #6E1A2C;  /* Merkkleur. Logo, knoppen, grote vlakken. Tekst in wijnrood op crème mag (10:1). */
  --op-donker: #F6F1E8;  /* Tekst en iconen op wijnrood, eik en fles. */
  --kurk: #B8895A;  /* Kenmerkende kurktint. Voor vlakken, kurkschijven en details; tekst erop in eik (5:1). Niet als tekstkleur op crème. */
  --kurk-licht: #E3CBA8;  /* Zachte kurktint voor achtergronden van citaten en de curator. Op eik (10:1) en wijnrood (7:1) ook als accenttekst. */
  --fles: #2F3B2C;  /* Flesgroen als steunkleur voor witte-wijn- en natuurthema's. Tekst erop in op-donker (10,5:1). */
  --footer-groen: #1D291C;  /* footer-achtergrond, gelijk aan het logo; nog niet in brandbook */
  --font-serif: "Newsreader", Georgia, serif;
  --font-sans: "DM Sans", system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-24: 96px;
  --radius-sm: 3px;
  --radius-md: 8px;
  --radius-lg: 20px;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--creme); color: var(--eik); font-family: var(--font-sans); }
a { color: var(--wijnrood); }
a:hover { color: var(--eik); }
img { max-width: 100%; }
.kc-page { width: 100%; max-width: 1280px; margin: 0 auto; }