/* There are NO box-shadows in this system. Depth is hairlines, tinted fills and
   dark colour blocks. These tokens exist so consumers reach for the right thing. */
:root {
  --elevation-flat: none;
  --elevation-hairline: 1px solid var(--border-hairline);
  --elevation-hairline-dark: 1px solid var(--border-hairline-dark);
  --frame-white: 12px solid var(--tcc-white);
  --frame-muted: 6px solid var(--surface-muted);
  --texture-opacity-hero: 0.32;
  --texture-opacity-band: 0.5;
  --transition-base: 0.3s ease-in-out;
}