:root {
  /* === KOLORY === */
  --color-bg:           #070c08;
  --color-bg-2:         #0a100b;
  --color-bg-card:      #0f1a11;
  --color-green-deep:   #1a3a2a;
  --color-green-mid:    #2d5a3d;
  --color-green-light:  #3d7a52;
  --color-green-accent: #4a9463;

  --color-gold:         #c8963c;
  --color-gold-light:   #e8b55a;
  --color-gold-dim:     #9a7030;
  --color-gold-glow:    rgba(200, 150, 60, 0.18);
  --color-gold-glow-sm: rgba(200, 150, 60, 0.08);

  --color-text:         #e8e4dc;
  --color-text-muted:   #8a8070;
  --color-text-dim:     #5a5448;
  --color-border:       rgba(200, 150, 60, 0.12);
  --color-border-hover: rgba(200, 150, 60, 0.35);

  /* === TYPOGRAFIA === */
  --font-main:    'Inter', system-ui, sans-serif;
  --font-display: 'Inter', system-ui, sans-serif;

  --text-xs:   clamp(0.7rem,  1.5vw, 0.75rem);
  --text-sm:   clamp(0.82rem, 1.8vw, 0.875rem);
  --text-base: clamp(0.9rem,  2vw,   1rem);
  --text-md:   clamp(1rem,    2.2vw, 1.125rem);
  --text-lg:   clamp(1.1rem,  2.5vw, 1.25rem);
  --text-xl:   clamp(1.3rem,  3vw,   1.5rem);
  --text-2xl:  clamp(1.6rem,  4vw,   2rem);
  --text-3xl:  clamp(2rem,    5vw,   2.75rem);
  --text-4xl:  clamp(2.5rem,  6vw,   3.75rem);
  --text-5xl:  clamp(3rem,    8vw,   5rem);
  --text-hero: clamp(2.8rem,  7.2vw, 5.6rem);

  --leading-tight:  1.1;
  --leading-snug:   1.25;
  --leading-normal: 1.5;
  --leading-loose:  1.75;

  --tracking-tight:  -0.04em;
  --tracking-snug:   -0.02em;
  --tracking-normal: 0em;
  --tracking-wide:   0.08em;
  --tracking-wider:  0.15em;

  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* === SPACING === */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-40: 10rem;

  --section-gap: clamp(5rem, 12vw, 9rem);
  --container:   min(90rem, 100% - 3rem);
  --container-sm: min(72rem, 100% - 3rem);

  /* === EFEKTY === */
  --radius-sm:  0.25rem;
  --radius-md:  0.5rem;
  --radius-lg:  1rem;
  --radius-xl:  1.5rem;
  --radius-full: 999px;

  --shadow-gold: 0 0 30px rgba(200, 150, 60, 0.25), 0 0 60px rgba(200, 150, 60, 0.1);
  --shadow-gold-sm: 0 0 12px rgba(200, 150, 60, 0.2);
  --shadow-green: 0 0 30px rgba(45, 90, 61, 0.4);

  --transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base:   300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   600ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
}