/* Semantic component interface over the byte-frozen VIS-002 renderer.
   Scoped aliases consume the token API without restating rendered declarations. */
#product { --component-typeface: var(--font-product); --component-scene-ink: var(--color-ink); --component-mode-layer: var(--z-mode); }
.mode { --component-safe-inline: var(--safe-inline); --component-safe-top: var(--safe-top); --component-safe-bottom: var(--safe-bottom); }
.standby-label { --component-standby-copy: var(--color-copy-muted); }
.character { --component-character-control: var(--size-character-control); --component-touch-min: var(--touch-min); }
.medallion { --component-medallion-size: var(--size-medallion); }
.event { --component-event-size: var(--size-event-control); --component-event-copy: var(--color-event-copy); --component-event-line: var(--color-event-line); }
.sigil { --component-sigil-control: var(--size-sigil-control); --component-sigil-art: var(--size-sigil-art); --component-sigil-color: var(--color-acquisition); }
.settings { --component-settings-layer: var(--z-product-control); }
.scan-copy { --component-scan-title: var(--size-threshold-title); --component-scan-protection: var(--scan-protection); --component-copy-shadow: var(--copy-shadow); }
.threshold { --component-threshold-color: var(--color-acquisition); --component-threshold-motion: var(--motion-threshold-duration); }
.scan-control { --component-scan-target: var(--touch-min); }
.metadata { --component-player-title: var(--size-player-title); --component-player-copy: var(--color-copy); --component-player-protection: var(--player-protection); --component-metadata-surface: transparent; }
.memory-metadata-protection { --component-player-protection: var(--player-metadata-protection); }
.identity-overlay { --component-metadata-surface: transparent; }
.location i { --component-location-color: var(--color-location); --component-location-surface: transparent; }
.surface h1 { --component-surface-title: var(--size-surface-title); }
.surface { --component-surface-copy: var(--color-copy-soft); }
.primary { --component-primary: var(--color-acquisition); }
.secondary { --component-secondary-copy: var(--color-copy); }
:focus-visible { --component-focus: var(--focus-outline); --component-focus-offset: var(--focus-offset); }
[data-motion="reduced"] * { --component-motion-state: none; }