/*
 * AUMTRIX CANONICAL BRAND TOKENS — pure silver-on-black
 * =======================================================
 * Single source of truth. Source: pqc.aumtrix.com landing.html
 * Zero chromatic accents. Same rule for every Aumtrix surface.
 *
 * Usage:  <link rel="stylesheet" href="/aumtrix-tokens.css">
 */

:root {
  --bg-0: #000000; --bg-1: #070707; --bg-2: #0d0d0d;
  --bg-3: #151515; --bg-4: #1c1c1c; --bg-5: #232323;

  --line:        #2a2a2a;
  --line-bright: #3d3d3d;
  --line-glow:   #484848;

  --w-100: #ffffff;
  --w-95:  #fafafa;

  --s-90: #ededed; --s-80: #d5d5d5; --s-70: #bbbbbb; --s-60: #9d9d9d;
  --s-50: #747474; --s-40: #555555; --s-30: #484848; --s-20: #323232;

  --shadow-md:   0 4px 12px rgba(0,0,0,0.7);
  --shadow-glow: 0 0 24px rgba(255,255,255,0.04);
  --shadow-btn:  0 2px 8px rgba(255,255,255,0.06);

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: none; }
}
@keyframes pulse {
  0%, 100% { opacity: 1;   transform: scale(1); }
  50%      { opacity: .85; transform: scale(.98); }
}
@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@keyframes scanlines {
  0%   { transform: translateY(-100%); }
  100% { transform: translateY( 100%); }
}

.shimmer-highlight {
  background: linear-gradient(90deg,
    var(--s-50) 0%,
    var(--s-80) 25%,
    var(--w-100) 50%,
    var(--s-80) 75%,
    var(--s-50) 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: shimmer 6s linear infinite;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-family: inherit;
  display: inline;
  padding: 0;
  margin: 0;
}