/* ==========================================================================
   JagdGenuss.de · Design-Tokens
   Ausgabe 1.0 · Juli 2026 · Basis: Logo JagdGenuss-CI-2026
   Quelle: CI/02_Design-System/jagdgenuss-tokens.css — unveraendert uebernommen.
   ========================================================================== */

:root {

  /* ---------------------------------------------------------------
     1 · FARBE
     --------------------------------------------------------------- */

  --jg-green:  #1F6B3B;
  --jg-deep:   #14472A;
  --jg-brass:  #C8A44D;

  --jg-cream:  #F7F5EF;
  --jg-sand:   #E7DFC9;
  --jg-moss:   #4E7A57;
  --jg-ink:    #2B2B28;
  --jg-grey:   #8A9184;
  --jg-white:  #FFFFFF;

  --jg-success: #2E7D4F;
  --jg-warning: #A8761C;
  --jg-error:   #9B2C2C;
  --jg-info:    var(--jg-moss);

  --jg-green-hover: #1A5A32;
  --jg-deep-hover:  #0F3A22;
  --jg-brass-hover: #B49140;
  --jg-focus:       var(--jg-brass);

  --jg-deep-80: rgba(20, 71, 42, .80);
  --jg-deep-60: rgba(20, 71, 42, .60);
  --jg-deep-30: rgba(20, 71, 42, .30);
  --jg-ink-08:  rgba(43, 43, 40, .08);

  /* ---------------------------------------------------------------
     2 · TYPOGRAFIE
     --------------------------------------------------------------- */

  --jg-font:      "Lato", "Segoe UI", system-ui, -apple-system, sans-serif;
  --jg-font-mono: "SFMono-Regular", "Consolas", "Menlo", monospace;

  --jg-w-regular:  400;
  --jg-w-semibold: 600;
  --jg-w-bold:     700;

  --jg-display: 2.75rem;  --jg-display-lh: 1.10;
  --jg-h1:      2.00rem;  --jg-h1-lh:      1.18;
  --jg-h2:      1.375rem; --jg-h2-lh:      1.27;
  --jg-h3:      1.0625rem;--jg-h3-lh:      1.40;
  --jg-h4:      0.875rem; --jg-h4-lh:      1.43;
  --jg-lead:    1.1875rem;--jg-lead-lh:    1.55;
  --jg-body:    1.0625rem;--jg-body-lh:    1.60;
  --jg-small:   0.8125rem;--jg-small-lh:   1.50;
  --jg-kicker:  0.6875rem;--jg-kicker-ls:  0.16em;

  --jg-measure: 68ch;

  /* ---------------------------------------------------------------
     3 · LAYOUT & RAUM
     --------------------------------------------------------------- */

  --jg-radius:    4px;
  --jg-radius-lg: 8px;
  --jg-max:       1200px;
  --jg-max-text:  760px;
  --jg-gap:       24px;

  --jg-s0:  4px;
  --jg-s1:  8px;
  --jg-s2: 16px;
  --jg-s3: 24px;
  --jg-s4: 40px;
  --jg-s5: 64px;
  --jg-s6: 96px;

  --jg-border: 1px solid var(--jg-sand);

  /* ---------------------------------------------------------------
     4 · SCHATTEN & BEWEGUNG
     --------------------------------------------------------------- */

  --jg-shadow-sm: 0 1px 2px rgba(43,43,40,.06);
  --jg-shadow-md: 0 2px 8px rgba(43,43,40,.08);
  --jg-shadow-lg: 0 8px 24px rgba(43,43,40,.10);

  --jg-ease: cubic-bezier(.4, 0, .2, 1);
  --jg-dur:  .15s;

  /* ---------------------------------------------------------------
     5 · LOGO-METRIK
     --------------------------------------------------------------- */

  --jg-logo-h-header:   44px;
  --jg-logo-h-mobile:   34px;
  --jg-logo-h-footer:   88px;
  --jg-logo-min-print: 22mm;
  --jg-logo-min-web:   140px;
}

@media (max-width: 640px) {
  :root {
    --jg-display: 1.875rem;
    --jg-h1:      1.5rem;
    --jg-h2:      1.25rem;
    --jg-lead:    1.0625rem;
    --jg-s5:      40px;
    --jg-s6:      56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --jg-dur: .001s; }
}