:root {
   /* Scene */
   --scene-bg: none;

   /* Text */
   --text-primary: inherit;
   --text-secondary: inherit;
   --text-muted: inherit;

   /* Accent */
   --accent-primary: inherit;
   --text-on-accent: inherit;
   --accent-success: #22c55e;
   --accent-danger: #ef4444;
   --text-on-success: #ffffff;
   --text-on-danger: #ffffff;

   /* Surfaces */
   --surface-muted: inherit;
   --surface-border: inherit;

   /* Elevation */
   --shadow-soft: inherit;
   --shadow-elevated: inherit;

   /* Motion */
   --transition-fast: 150ms ease;
   --transition-medium: 300ms ease;

   /* Surface levels */
   --surface-base: var(--surface-muted);
   --surface-elevated: color-mix(in srgb,
         var(--surface-muted),
         var(--text-primary) 6%);

   --surface-hover: color-mix(in srgb,
         var(--surface-muted),
         var(--text-primary) 10%);
}