/* ==========================================================================
   SLID Media — Design Tokens
   ========================================================================== */

:root {
  --slid-white: #FFFFFF;
  --slid-black: #000000;
  --slid-accent: #FC5731;
  --slid-divider: #DCDCDC;
  --slid-bg-light: #F5F5F5;
  --slid-blue: #5FABE6;
  --slid-overlay: rgba(0, 0, 0, 0.45);

  --slid-font-heading: "Forma DJR Cyrillic Text", "Georgia", serif;
  --slid-font-body: "Montserrat", "Arial", sans-serif;

  /* Container Widths */
  --slid-container-max: 1024px;
  
  /* Fixed Containers (Removed Fluid scaling) */
  --slid-container-fluid: 1024px;
  --slid-container-tablet: 840px;
  --slid-container-wide: 1024px;

  /* Card Dimensions */
  --slid-card-height-desktop: 240px;
  --slid-card-height-mobile: 180px;
  
  /* Fixed Card Widths */
  --slid-card-width-desktop: 500px;
  --slid-card-width-tablet: 408px;

  /* Fixed Gap Logic */
  --slid-gap-card: 24px;

  --slid-padding-page: 44px 0;

  --slid-z-index-card-link: 10;
  --slid-z-index-card-tag: 20;
}



.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--slid-z-index-card-link);
  content: "";
}