/**

 * Цифровой Атлас — CSS/SVG patterns (no photography)

 * Policy: svg_css_only | MCP disabled

 */



:root {

  --atlas-paper: #F5F3ED;

  --atlas-navy: #0B2334;

  --atlas-blue: #AFCBD3;

  --topo-line: rgba(11, 35, 52, 0.12);

}



.atlas-topo-bg {

  background-color: var(--atlas-paper);

  background-image: url("topo-pattern.svg");

  background-repeat: repeat;

  background-size: 200px 200px;

}



.atlas-article-thumb--1 {

  background: linear-gradient(135deg, var(--atlas-navy) 0%, #0F3347 100%);

}



.atlas-article-thumb--2 {

  background: linear-gradient(225deg, var(--atlas-blue) 0%, var(--atlas-navy) 100%);

}



.atlas-article-thumb--3 {

  background: linear-gradient(180deg, #E8E4D8 0%, #D4CFC2 50%, var(--atlas-navy) 100%);

}



.atlas-card-pattern {

  position: relative;

  overflow: hidden;

}



.atlas-card-pattern::after {

  content: "";

  position: absolute;

  inset: 0;

  background-image: repeating-linear-gradient(

    0deg,

    transparent,

    transparent 19px,

    var(--topo-line) 19px,

    var(--topo-line) 20px

  );

  pointer-events: none;

  opacity: 0.6;

}