/* ZeiZei Darstellung: Design-Variablen fuer die uebernommenen Effekte (aus MUP tokens.css, nur benutzte Werte). */
:root{
  --mup-gold:          #c9a84c;
  --mup-gold-deep:     #a08530;
  --mup-gold-soft:     rgba(201, 168, 76, 0.18);
  --mup-gold-glow:     rgba(201, 168, 76, 0.45);
  --mup-ink:           #1f1a12;
  --mup-ink-soft:      #5c5145;
  --mup-ink-mute:      #8c7b68;
  --mup-t-instant:     100ms;
  --mup-t-fast:        200ms;
  --mup-t-mid:         400ms;
  --mup-t-slow:        700ms;
  --mup-t-enter:       900ms;   /* Seiten-Eingang, Karten-Fade */
  --mup-ease:          cubic-bezier(0.22, 1, 0.36, 1);   /* Ease-Out-Spring: schnell rein, sanft aus */
  --mup-ease-in:       cubic-bezier(0.4,  0, 1, 1);      /* Elemente die weggehen */
  --mup-ease-hover:    ease;                              /* Hover-Micro-Interactions */
  --mup-sp-1:   0.5rem;    /*  8px */
  --mup-sp-2:   1rem;      /* 16px */
  --mup-sp-3:   1.5rem;    /* 24px */
  --mup-sp-4:   2rem;      /* 32px */
  --mup-sp-6:   3rem;      /* 48px */
  --mup-sp-8:   4rem;      /* 64px */
  --mup-sp-12:  6rem;      /* 96px */
  --mup-sp-16:  8rem;      /* 128px */
  --mup-r-s:    4px;
  --mup-r-m:    8px;
  --mup-r-l:    14px;
  --mup-r-xl:   18px;
  --mup-r-pill: 60px;
  --mup-shadow-s:   0 4px 12px -4px rgba(31, 26, 18, 0.25);
  --mup-shadow-m:   0 12px 36px -12px rgba(31, 26, 18, 0.30);
  --mup-shadow-l:   0 24px 60px -20px rgba(31, 26, 18, 0.40);
  --mup-shadow-xl:  0 40px 100px -30px rgba(31, 26, 18, 0.55);
  --mup-shadow-glow: 0 8px 20px -8px rgba(201, 168, 76, 0.50);
  --mup-font-serif:  'EB Garamond', Georgia, serif;
  --mup-font-sans:   'Jost', 'Helvetica Neue', sans-serif;
  --mup-z-base:    1;
  --mup-z-card:    2;
  --mup-z-overlay: 10;
  --mup-z-sticky:  9000;
  --mup-z-header:  9990;
  --mup-z-lb:      99999;
    --mup-ink:          #f0e8d8;
    --mup-ink-soft:     #c8b89a;
    --mup-ink-mute:     #8c7b68;
    --mup-shadow-s:   0 4px 12px -4px rgba(0, 0, 0, 0.50);
    --mup-shadow-m:   0 12px 36px -12px rgba(0, 0, 0, 0.55);
}