/* Reusable background surfaces — brochure-native patterns */

.silcom-bg-hatch{
  background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 2px,transparent 2px 10px);
}
.silcom-bg-hatch-light{
  background-image:repeating-linear-gradient(-45deg,transparent 0 4px,rgba(15,42,69,.03) 4px 5px);
}
.silcom-bg-hatch-gold{
  background-image:repeating-linear-gradient(135deg,rgba(201,162,74,.06) 0 2px,transparent 2px 12px);
}
.silcom-bg-dots{
  background-image:radial-gradient(rgba(15,42,69,.10) 1px, transparent 1px);
  background-size:12px 12px;
}
.silcom-bg-dots-dark{
  background-image:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:12px 12px;
}
.silcom-bg-grid{
  background-image:
    linear-gradient(rgba(15,42,69,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,42,69,.05) 1px, transparent 1px);
  background-size:24px 24px;
}
.silcom-bg-grid-dark{
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:24px 24px;
}
.silcom-bg-circuit{
  background-color:var(--silcom-navy);
  background-image:
    repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 2px,transparent 2px 10px),
    radial-gradient(circle at 20% 30%, rgba(201,162,74,.08), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(31,78,121,.5), transparent 45%);
}
.silcom-bg-scan{
  background-image:repeating-linear-gradient(180deg, rgba(255,255,255,.02) 0 1px, transparent 1px 3px);
}
.silcom-bg-navy{background:var(--silcom-navy)}
.silcom-bg-navy-grad{background:var(--silcom-grad-navy)}
.silcom-bg-navy-radial{background:var(--silcom-grad-navy-radial)}
.silcom-bg-paper{background:var(--silcom-paper)}
.silcom-bg-paper-grad{background:var(--silcom-grad-page)}
.silcom-bg-gold{background:var(--silcom-gold)}
.silcom-bg-gold-grad{background:var(--silcom-grad-gold-vertical)}
.silcom-bg-cover{background:var(--silcom-grad-cover)}

/* Signature accent rules */
.silcom-rule-gold-top{position:relative}
.silcom-rule-gold-top::before{content:"";position:absolute;top:0;left:0;right:0;height:2.5px;background:var(--silcom-grad-gold);z-index:2}
.silcom-rule-navy-top{position:relative}
.silcom-rule-navy-top::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--silcom-navy);z-index:2}
.silcom-rule-side{position:relative}
.silcom-rule-side::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4mm;background:var(--silcom-grad-navy);z-index:0}
