/* ============================================================
   Open-Hof — Design Tokens
   Frankenberger Viertel, Aachen · Sommer + Winter Editionen
   ============================================================ */

@font-face {
  font-family: 'Plastique';
  src: url('fonts/Plastique.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---------- BASIS-PALETTE (Edition-übergreifend) ---------- */
  --green-950: #0B1F14;
  --green-900: #102B1B;
  --green-800: #163B26;
  --green-700: #1E4A30;   /* banner deep */
  --green-600: #2A6E4D;   /* banner main  */
  --green-500: #3D8C66;
  --green-300: #8AB69A;
  --green-100: #C9DBC4;

  --cream-50:  #F6F0DE;   /* paper        */
  --cream-100: #EFE6CB;
  --cream-200: #E2D2A6;
  --cream-300: #CFB97F;

  --ink-900:   #1A130C;
  --ink-700:   #3A2C1F;
  --ink-500:   #6B5A48;
  --ink-300:   #A89A82;

  --sand:      #D7C492;

  /* ---------- WINTER-AKZENT ---------- */
  --winter-red:    #D33C2A;
  --winter-red-2:  #B22D1D;
  --winter-gold:   #E8B341;
  --winter-frost:  #C2D8D2;
  --winter-night:  #112236;

  /* ---------- SOMMER-AKZENT ---------- */
  --summer-coral:  #E2603D;   /* Hauptakzent (Geranie) */
  --summer-coral-2:#C24A2A;   /* dunklere Geranie (Hover) */
  --summer-sun:    #F4BE3C;
  --summer-blossom:#E89DA9;
  --summer-leaf:   #6BA855;
  --summer-sky:    #BCD9DE;

  /* ---------- TYPOGRAFIE ---------- */
  --font-display:  'Plastique', 'Cooper Black', 'Recoleta', serif;
  --font-mono:     'Courier Prime', 'Courier New', ui-monospace, monospace;
  --font-serif:    'Newsreader', 'Source Serif 4', Georgia, serif;

  /* type scale (serif body context) */
  --t-display:  clamp(56px, 9vw, 132px);
  --t-h1:       clamp(40px, 5.5vw, 72px);
  --t-h2:       clamp(28px, 3.5vw, 44px);
  --t-h3:       22px;
  --t-h4:       18px;
  --t-body:     17px;
  --t-small:    14px;
  --t-tiny:     12px;

  /* ---------- SPACING ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* ---------- RADIEN ---------- */
  --r-sm:   2px;
  --r-md:   4px;
  --r-lg:   8px;
  --r-xl:   14px;
  --r-pill: 999px;

  /* ---------- SCHATTEN ---------- */
  --shadow-card:    0 1px 0 rgba(26,19,12,0.06), 0 8px 24px rgba(26,19,12,0.08);
  --shadow-sticker: 0 4px 0 rgba(0,0,0,0.15), 0 14px 28px rgba(0,0,0,0.20);
  --shadow-press:   inset 0 2px 0 rgba(255,255,255,0.18);

  /* ---------- LINIEN ---------- */
  --rule:        1px solid rgba(26,19,12,0.18);
  --rule-strong: 1px solid var(--ink-900);
  --rule-cream:  1px solid rgba(246,240,222,0.25);

  /* ---------- TRANSITIONS ---------- */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* ---------- EDITION-THEMING (Akzent-Tokens) ---------- */
[data-edition="sommer"] {
  --accent:        var(--summer-coral);
  --accent-strong: var(--summer-coral-2);
  --accent-2:      var(--summer-sun);
  --accent-soft:   var(--summer-blossom);
  --accent-leaf:   var(--summer-leaf);
  --edition-name:  "Sommer–Edition";
}

[data-edition="winter"] {
  --accent:        var(--winter-red);
  --accent-strong: var(--winter-red-2);
  --accent-2:      var(--winter-gold);
  --accent-soft:   var(--winter-frost);
  --accent-leaf:   var(--green-500);
  --edition-name:  "Winter–Edition";
}