/* Elevation, texture, the Streak. Gradients here are light effects (streak, vignette, footage shade) — never fills. */
:root {
  --shadow-float: 0 10px 40px rgba(0, 0, 0, 0.45); /* @kind shadow */
  --blur-nav: 14px; /* @kind other */
  --blur-ticker: 6px; /* @kind other */
  --grain-opacity: 0.07; /* @kind other */
  --vignette: radial-gradient(120% 90% at 50% 40%, transparent 55%, rgba(7, 6, 6, 0.75) 100%); /* @kind other */
  --shade-hero: linear-gradient(180deg, rgba(7,6,6,.55) 0%, rgba(7,6,6,0) 28%, rgba(7,6,6,.15) 55%, var(--ink-950) 100%); /* @kind other */
  --shade-tile: linear-gradient(180deg, transparent 25%, rgba(7,6,6,.94) 100%); /* @kind other */
  --shade-card: linear-gradient(180deg, rgba(7,6,6,.55), rgba(7,6,6,.2) 40%, rgba(7,6,6,.85)); /* @kind other */
  --streak: linear-gradient(90deg, transparent 0%, var(--ember-glow) 55%, var(--ember-500) 100%); /* @kind other */
  --grain-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); /* @kind other */
}