/* Jupiter Planet — dizajn tokeni */
:root{
  /* Boje — duboka svemirska crna + zlatna (Jupiter prsten) */
  --bg:        #0a0a0d;
  --bg-1:      #101015;
  --bg-2:      #16161d;
  --surface:   #1a1a22;
  --surface-2: #20202a;
  --line:      rgba(245,241,232,.10);
  --line-2:    rgba(245,241,232,.06);

  --gold:      #e8b23a;   /* primarna */
  --gold-soft: #f4cd6a;
  --gold-deep: #b8881f;
  --gold-glow: rgba(232,178,58,.28);

  --text:      #f5f1e8;
  --muted:     #a8a499;
  --muted-2:   #76736b;
  --danger:    #ff5d5d;
  --ok:        #58c884;

  /* Tipografija */
  --font-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Inter', 'Segoe UI', system-ui, sans-serif;

  --step--1: clamp(.82rem, .8rem + .1vw, .9rem);
  --step-0:  clamp(.95rem, .92rem + .2vw, 1.05rem);
  --step-1:  clamp(1.15rem, 1.05rem + .5vw, 1.4rem);
  --step-2:  clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --step-3:  clamp(2rem, 1.6rem + 2vw, 3.2rem);
  --step-4:  clamp(2.6rem, 1.9rem + 3.4vw, 5rem);

  /* Prostor / radius / sene */
  --sp:    1rem;
  --gap:   clamp(1rem, .6rem + 1.6vw, 1.6rem);
  --pad:   clamp(1.2rem, .7rem + 2vw, 2rem);
  --radius:  16px;
  --radius-s: 10px;
  --radius-l: 24px;
  --ring:  0 0 0 1px var(--line);
  --shadow:    0 18px 50px rgba(0,0,0,.45);
  --shadow-sm: 0 8px 24px rgba(0,0,0,.35);
  --maxw: 1200px;

  --ease: cubic-bezier(.22,.61,.36,1);
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}