:root {
  --brand-orange: #CC4E00;
  --brand-blue: #043B82;
  --glass-border: rgba(0,0,0,.06);
}

/* Brand utilities */
.brand-grad { background: linear-gradient(135deg, var(--brand-orange) 0%, var(--brand-blue) 100%); }
.glass { background: rgba(255,255,255,.66); backdrop-filter: saturate(180%) blur(20px); border: 1px solid var(--glass-border); }
.glass-effect { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); }
.chip { background: rgba(4,59,130,.08); color: var(--brand-blue); }
.attr { background: rgba(204,78,0,.08); color: var(--brand-orange); }
.gradient-text { background: linear-gradient(90deg, var(--brand-orange) 0%, var(--brand-blue) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

/* Skip link */
.skip-link { position: absolute; left: -999px; top: -999px; background: #111827; color: #ffffff; padding: 8px 12px; border-radius: 8px; z-index: 10000; }
.skip-link:focus { left: 12px; top: 12px; outline: 2px solid var(--brand-orange); outline-offset: 2px; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Image perf */
img { height: auto; }
img[loading="lazy"] { content-visibility: auto; }