:root {
  /* ── Culori ── */
  --sn-yellow:  #ffd22f;
  --sn-black:   #1a1a1a;
  --sn-bone:    #fdfbf3;
  --sn-cream:   #faf4e1;
  --sn-amber:   #c97d00;
  --sn-cocoa:   #6b4226;
  --sn-white:   #ffffff;

  /* ── Raze ── */
  --sn-radius-pill: 9999px;
  --sn-radius-card: 20px;
  --sn-radius-sm:   10px;

  /* ── Umbre hard ── */
  --sn-shadow:    4px 4px 0 var(--sn-black);
  --sn-shadow-sm: 2px 2px 0 var(--sn-black);

  /* ── Tipografie ── */
  --sn-font-sans:   'Montserrat', sans-serif;
  --sn-font-accent: 'Kalam', cursive;

  /* ── Spațiere (px) ── */
  --sn-space-2:   4px;
  --sn-space-4:   8px;
  --sn-space-6:  12px;
  --sn-space-8:  16px;
  --sn-space-12: 24px;
  --sn-space-16: 32px;
  --sn-space-20: 40px;
  --sn-space-24: 48px;
  --sn-space-32: 64px;
  --sn-space-40: 80px;
  --sn-space-48: 96px;
}