/*
 * Design tokens from content/00-global.md, phase 3.4.
 * Mirrors the Elementor Global Colors/Fonts set via bin/seed-elementor-kit.php
 * so non-Elementor markup (theme templates, widgets) stays in sync with the
 * palette editors use in the page builder.
 */

:root {
  --a460-color-primary: #3b4a2b;   /* military green — header, footer, dark sections */
  --a460-color-secondary: #d4a017; /* gold — subheadings, rules, hover, borders */
  --a460-color-accent: #c8242b;    /* red — primary CTA buttons */
  --a460-color-text: #1a1a1a;      /* body text */
  --a460-color-dark: #0a0a0a;      /* darkest sections */
  --a460-color-cream: #f5f0e8;     /* light section background */
  --a460-color-white: #ffffff;     /* base background */

  --a460-font-family: 'Heebo', sans-serif;
  --a460-content-width: 1200px;
  --a460-widget-space: 24px;
}

body {
  font-family: var(--a460-font-family);
  color: var(--a460-color-text);
  background: var(--a460-color-white);
}

/* Reusable effects — apply by class name in Elementor, do not rebuild per-section. */

.a460-hero-overlay {
  position: relative;
  isolation: isolate;
}

.a460-hero-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
  z-index: 0;
  pointer-events: none;
}

.a460-hero-overlay > .e-con-inner,
.a460-hero-overlay > .e-con,
.a460-hero-overlay > .elementor-widget {
  position: relative;
  z-index: 1;
}

.a460-gold-rule {
  background: linear-gradient(to left, rgba(212, 160, 23, 0.4), rgba(212, 160, 23, 0.1));
  height: 1px;
}

.a460-scanlines {
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    var(--a460-color-primary) 2px,
    var(--a460-color-primary) 4px
  );
}