/* ===== Zheek — the light theme =========================================================
   The site started as a copy of AXON's dark "luxe" design. Zheek is AXON's everyday-printing
   sister brand, so it wears its own colours: white and soft paper-grey surfaces, Zheek navy
   (from the logo) for type and actions, cool silver for lines and quiet details, and a
   touch of printer's yellow / cyan for highlights. Loaded after every other stylesheet. */
:root:root {
  --zk-navy: #0f406d;
  --zk-navy-2: #1b5a94;
  --zk-navy-deep: #08223c;
  --zk-ink: #0b2340;
  --zk-paper: #f5f7fa;
  --zk-paper-2: #eef2f6;
  --zk-silver: #a7b2c0;
  --zk-silver-2: #d5dce5;
  --zk-yellow: #ffc400;
  --zk-cyan: #00aae6;
  --zk-navy-grad: linear-gradient(135deg, #1f6aad 0%, #0f406d 55%, #08223c 100%);
  --zk-silver-grad: linear-gradient(135deg, #ffffff 0%, #e9eef4 45%, #c9d2dd 100%);

  /* style.css tokens */
  --axon-black: var(--zk-paper);
  --axon-black-soft: #ffffff;
  --axon-panel: #ffffff;
  --axon-gold: var(--zk-navy);
  --axon-gold-bright: var(--zk-navy-2);
  --axon-silver: #6f7b8b;
  --axon-white: var(--zk-ink);
  --axon-border: rgba(15, 64, 109, 0.14);
  --axon-gold-rgb: 15, 64, 109;
  --glass-bg: rgba(255, 255, 255, 0.82);
  --glass-bg-soft: rgba(255, 255, 255, 0.62);
  --glass-border-soft: rgba(11, 35, 64, 0.08);
  --gold-glow-sm: rgba(15, 64, 109, 0.08);
  --gold-glow-md: rgba(15, 64, 109, 0.14);
  --ambient-glow-1: radial-gradient(circle at 50% 40%, rgba(0, 170, 230, 0.08) 0%, transparent 55%);

  /* luxe.css tokens */
  --lx-ink: var(--zk-paper);
  --lx-ink-2: var(--zk-paper-2);
  --lx-surface: #ffffff;
  --lx-line: rgba(11, 35, 64, 0.08);
  --lx-line-strong: rgba(11, 35, 64, 0.16);
  --lx-gold: var(--zk-navy);
  --lx-gold-2: var(--zk-navy-2);
  --lx-text: var(--zk-ink);
  --lx-muted: rgba(11, 35, 64, 0.66);
  --lx-faint: rgba(11, 35, 64, 0.45);
  --lx-gold-grad: var(--zk-navy-grad);
  --lx-gold-text: linear-gradient(100deg, #0f406d 0%, #1b5a94 40%, #5c6f86 72%, #0f406d 100%);
}

html, body { background: var(--zk-paper); color: var(--zk-ink); }
::selection { background: rgba(0, 170, 230, 0.22); color: var(--zk-ink); }

/* Zheek's pictures are already light and crisp: no darkening filter or shade over them */
[class*="card-image"], [class*="-media"], [class*="panel-img"], [class*="showcase"] img, .service-hero-image, .variant-image {
  filter: none !important;
}
[class*="card-image"]::after, [class*="-media"]::after { background: none !important; }
[class*="card"]::before { background-image: none; }

/* page heads: a clean light band instead of a faded copy of the picture behind the title */
.hero--banner {
  background: radial-gradient(900px 420px at 50% 0%, rgba(0, 170, 230, 0.08), transparent 70%), var(--zk-paper) !important;
}