@font-face {
  font-family: 'TT Norms Pro';
  src: url('../fonts/Variable/TTNormsProVariable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

.lag-guide.lag-guide {
  --lag-color-bg: #1a1b1b;
  --lag-color-accent: #41ffd2;
  --lag-color-accent-dim: rgba(65, 255, 210, 0.3);
  --lag-color-accent-glow: rgba(65, 255, 210, 0.15);
  --lag-color-text: #41ffd2;
  --lag-color-dark: #1a1b1b;

  --lag-color-event: #7b6fa6;
  --lag-color-brand: #f0a868;
  --lag-color-komunikacja: #4caf50;
  --lag-color-decyzje: #2979ff;

  --lag-font-heading: 'TT Norms Pro', sans-serif;
  --lag-font-body: 'TT Norms Pro', sans-serif;
  --fs-heading: clamp(24px, 3vw, 35px);
  --fs-body: clamp(13px, 1.2vw, 16px);
  --fs-small: clamp(11px, 1vw, 13px);
  --fs-nav: clamp(10px, 0.9vw, 16px);
  --fw-bold: 700;
  --fw-thin: 300;
  --fw-regular: 400;

  --lag-panel-padding: clamp(20px, 5vw, 80px);

  --lag-z-bg: 1;
  --lag-z-circle: 5;
  --lag-z-content: 10;
  --lag-z-deco: 15;
  --lag-z-nav: 20;
  --lag-z-header: 25;
}